groove/audiobookshelf
1
0
Fork 0
mirror of https://github.com/advplyr/audiobookshelf.git synced 2026-07-12 20:31:36 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Add seek support to transcriptions

Browse source
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
Download patch file Download diff file Expand all files Collapse all files

8
client/components/player/TranscriptionLine.vue
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);

4
client/components/player/TranscriptionUi.vue
View file

@ -5,6 +5,7 @@
:key="index"
:cue="cue"
ref="transcriptionLine + index"
@seek="seek"
></transcription-line>
</div>
</template>
@ -29,6 +30,9 @@ export default {
const trackElement = document.getElementById("transcription-track");
this.cues = trackElement.track.cues;
},
seek(time) {
this.$emit('seek', time)
},
},
};
</script>