anatolykopyl/movieroom-front
1
0
Fork 0
mirror of https://github.com/anatolykopyl/movieroom-front.git synced 2026-03-26 21:05:21 +00:00
Code Issues Projects Releases Wiki Activity

Request based on filename

Browse Source
This commit is contained in:
Anatoly Kopyl
2021-12-30 19:57:06 +03:00
parent 52d8664134
commit 307f92e4f7
2 changed files with 4 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
src/interfaces.ts
View File

@@ -3,6 +3,7 @@ export interface Room {
magnet: string; magnet: string;
createdAt: Date; createdAt: Date;
movie?: string; movie?: string;
filename?: string;
downloaded?: boolean; downloaded?: boolean;
downloadedAt?: Date; downloadedAt?: Date;
position: number; position: number;

6
src/views/Room/Index.vue
View File

@@ -12,12 +12,12 @@
<video <video
v-if="room.downloaded" v-if="room.downloaded"
controls controls
:src="movieUrl"
ref="video" ref="video"
@seeked="seeked" @seeked="seeked"
@play="playing = true" @play="playing = true"
@pause="playing = false" @pause="playing = false"
> >
<source :src="movieUrl" type="video/mp4">
</video> </video>
</div> </div>
</template> </template>
@@ -55,7 +55,7 @@ export default defineComponent({
}, },
computed: { computed: {
movieUrl() { movieUrl() {
return `${process.env.VUE_APP_MOVIES}?id=${this.room.id}`; return `${process.env.VUE_APP_MOVIES}?filename=${this.room.filename}`;
}, },
progressPerc() { progressPerc() {
return Math.floor(this.progress * 100); return Math.floor(this.progress * 100);
@@ -68,7 +68,7 @@ export default defineComponent({
this.progressInterval = setInterval(async () => { this.progressInterval = setInterval(async () => {
const result = await getStatus(this.id); const result = await getStatus(this.id);
this.progress = result.progress; this.progress = result.progress;
if (result.downloaded) { if (result.downloaded || this.progress === 1) {
this.room.downloaded = true; this.room.downloaded = true;
clearInterval(this.progressInterval); clearInterval(this.progressInterval);
} }