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

Avoid error: "Cannot read properties of null (reading 'track')"

Browse source
This commit is contained in:
mfcar 2024-05-04 14:21:40 +01:00
parent 282203a30a
commit 68d4dac4a2
No known key found for this signature in database
2 changed files with 16 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

5
client/components/app/MediaPlayerContainer.vue
View file

@ -101,9 +101,9 @@ export default {
'playerHandler.playerState': function (newVal) { 'playerHandler.playerState': function (newVal) {
// Refresh the transcription UI when the audio track is changed // Refresh the transcription UI when the audio track is changed
if (newVal === 'LOADED') { if (newVal === 'LOADED') {
this.showTranscriptionUi = false; this.showTranscriptionUi = false
this.$nextTick(() => { this.$nextTick(() => {
this.showTranscriptionUi = true; this.showTranscriptionUi = true
}); });
} }
}, },
@ -507,6 +507,7 @@ export default {
this.$eventBus.$on('playback-time-update', this.playbackTimeUpdate) this.$eventBus.$on('playback-time-update', this.playbackTimeUpdate)
this.$eventBus.$on('play-item', this.playLibraryItem) this.$eventBus.$on('play-item', this.playLibraryItem)
this.$eventBus.$on('pause-item', this.pauseItem) this.$eventBus.$on('pause-item', this.pauseItem)
this.showTranscriptionUi = false
}, },
beforeDestroy() { beforeDestroy() {
this.$eventBus.$off('cast-session-active', this.castSessionActive) this.$eventBus.$off('cast-session-active', this.castSessionActive)

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

@ -17,9 +17,15 @@ export default {
components: { components: {
TranscriptionLine TranscriptionLine
}, },
watch: {
trackElement() {
this.setCues();
}
},
data() { data() {
return { return {
cues: [], cues: [],
trackElement: null
}; };
}, },
mounted() { mounted() {
@ -27,12 +33,17 @@ export default {
}, },
methods: { methods: {
init() { init() {
const trackElement = document.getElementById("transcription-track"); this.trackElement = document.getElementById("transcription-track")
this.cues = trackElement.track.cues; if (this.trackElement && this.trackElement.track) {
this.setCues()
}
}, },
seek(time) { seek(time) {
this.$emit('seek', time) this.$emit('seek', time)
}, },
setCues() {
this.cues = this.trackElement.track.cues
}
}, },
}; };
</script> </script>