Don't sync progress for finished content

-> Still has the potential issue of starting a listening session
This commit is contained in:
Howard Wilson 2023-05-13 22:13:18 +02:00
parent 3c406c12b4
commit 1522783034
6 changed files with 21 additions and 9 deletions

View file

@ -1,7 +1,7 @@
<template>
<div class="relative">
<!-- Track -->
<div ref="track" class="w-full h-2 bg-gray-700 relative cursor-pointer transform duration-100 hover:scale-y-125 overflow-hidden" @mousemove="mousemoveTrack" @mouseleave="mouseleaveTrack" @click.stop="clickTrack">
<div ref="track" :class="isFinished ? 'bg-yellow-400' : 'bg-gray-700'" class="w-full h-2 relative cursor-pointer transform duration-100 hover:scale-y-125 overflow-hidden" @mousemove="mousemoveTrack" @mouseleave="mouseleaveTrack" @click.stop="clickTrack">
<div ref="readyTrack" class="h-full bg-gray-600 absolute top-0 left-0 pointer-events-none" />
<div ref="bufferTrack" class="h-full bg-gray-500 absolute top-0 left-0 pointer-events-none" />
<div ref="playedTrack" class="h-full bg-gray-200 absolute top-0 left-0 pointer-events-none" />
@ -39,7 +39,8 @@ export default {
type: Object,
default: () => {}
},
playbackRate: Number
playbackRate: Number,
isFinished: Boolean
},
data() {
return {