Add seek support to transcriptions

This commit is contained in:
mfcar 2024-05-04 12:21:07 +01:00
parent 8e5fc4a411
commit ee8e7cf958
No known key found for this signature in database
3 changed files with 17 additions and 4 deletions

View file

@ -1,5 +1,5 @@
<template>
<div :class="{ 'text-warning': isActive }">
<div :class="{ 'text-warning': isActive }" class="cursor-pointer" @click.stop="clickSeek">
<div v-html="cue.text"></div>
</div>
</template>
@ -14,6 +14,12 @@ export default {
isActive: false
};
},
methods: {
clickSeek() {
const time = this.cue.startTime;
this.$emit('seek', time);
}
},
created() {
this.cue.onenter = () => (this.isActive = true);
this.cue.onexit = () => (this.isActive = false);