Mirrors/audiobookshelf
Mirrors/audiobookshelf
1
0
Fork 0
mirror of https://github.com/advplyr/audiobookshelf.git synced 2025-01-03 00:06:46 +01:00
Code Issues Packages Projects Releases Wiki Activity

Rename StreamContainer to MediaPlayerContainer

Browse Source
This commit is contained in:
advplyr 2024-02-14 18:12:35 -06:00
parent 6111e8f0da
commit 44135b3fed
2 changed files with 15 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
client/components/app/StreamContainer.vue → client/components/app/MediaPlayerContainer.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<div v-if="streamLibraryItem" id="streamContainer" class="w-full fixed bottom-0 left-0 right-0 h-48 md:h-40 z-50 bg-primary px-2 md:px-4 pb-1 md:pb-4 pt-2"> <div v-if="streamLibraryItem" id="mediaPlayerContainer" class="w-full fixed bottom-0 left-0 right-0 h-48 md:h-40 z-50 bg-primary px-2 md:px-4 pb-1 md:pb-4 pt-2">
<div id="videoDock" /> <div id="videoDock" />
<div class="absolute left-2 top-2 md:left-4 cursor-pointer"> <div class="absolute left-2 top-2 md:left-4 cursor-pointer">
<covers-book-cover expand-on-click :library-item="streamLibraryItem" :width="bookCoverWidth" :book-cover-aspect-ratio="coverAspectRatio" /> <covers-book-cover expand-on-click :library-item="streamLibraryItem" :width="bookCoverWidth" :book-cover-aspect-ratio="coverAspectRatio" />
@ -380,7 +380,7 @@ export default {
if (this.playerHandler.isPlayingLocalItem && this.playerHandler.currentStreamId === data.stream) { if (this.playerHandler.isPlayingLocalItem && this.playerHandler.currentStreamId === data.stream) {
if (!data.numSegments) return if (!data.numSegments) return
var chunks = data.chunks var chunks = data.chunks
console.log(`[StreamContainer] Stream Progress ${data.percent}`) console.log(`[MediaPlayerContainer] Stream Progress ${data.percent}`)
if (this.$refs.audioPlayer) { if (this.$refs.audioPlayer) {
this.$refs.audioPlayer.setChunksReady(chunks, data.numSegments) this.$refs.audioPlayer.setChunksReady(chunks, data.numSegments)
} else { } else {
@ -397,17 +397,17 @@ export default {
this.playerHandler.prepareOpenSession(session, this.currentPlaybackRate) this.playerHandler.prepareOpenSession(session, this.currentPlaybackRate)
}, },
streamOpen(session) { streamOpen(session) {
console.log(`[StreamContainer] Stream session open`, session) console.log(`[MediaPlayerContainer] Stream session open`, session)
}, },
streamClosed(streamId) { streamClosed(streamId) {
// Stream was closed from the server // Stream was closed from the server
if (this.playerHandler.isPlayingLocalItem && this.playerHandler.currentStreamId === streamId) { if (this.playerHandler.isPlayingLocalItem && this.playerHandler.currentStreamId === streamId) {
console.warn('[StreamContainer] Closing stream due to request from server') console.warn('[MediaPlayerContainer] Closing stream due to request from server')
this.playerHandler.closePlayer() this.playerHandler.closePlayer()
} }
}, },
streamReady() { streamReady() {
console.log(`[StreamContainer] Stream Ready`) console.log(`[MediaPlayerContainer] Stream Ready`)
if (this.$refs.audioPlayer) { if (this.$refs.audioPlayer) {
this.$refs.audioPlayer.setStreamReady() this.$refs.audioPlayer.setStreamReady()
} else { } else {
@ -417,7 +417,7 @@ export default {
streamError(streamId) { streamError(streamId) {
// Stream had critical error from the server // Stream had critical error from the server
if (this.playerHandler.isPlayingLocalItem && this.playerHandler.currentStreamId === streamId) { if (this.playerHandler.isPlayingLocalItem && this.playerHandler.currentStreamId === streamId) {
console.warn('[StreamContainer] Closing stream due to stream error from server') console.warn('[MediaPlayerContainer] Closing stream due to stream error from server')
this.playerHandler.closePlayer() this.playerHandler.closePlayer()
} }
}, },
@ -496,7 +496,7 @@ export default {
</script> </script>
<style> <style>
#streamContainer { #mediaPlayerContainer {
box-shadow: 0px -6px 8px #1111113f; box-shadow: 0px -6px 8px #1111113f;
} }
</style> </style>

16
client/layouts/default.vue
View File

@ -7,7 +7,7 @@
<Nuxt :key="currentLang" /> <Nuxt :key="currentLang" />
</div> </div>
<app-stream-container ref="streamContainer" /> <app-media-player-container ref="mediaPlayerContainer" />
<modals-item-edit-modal /> <modals-item-edit-modal />
<modals-collections-add-create-modal /> <modals-collections-add-create-modal />
@ -129,23 +129,23 @@ export default {
this.$eventBus.$emit('socket_init') this.$eventBus.$emit('socket_init')
}, },
streamOpen(stream) { streamOpen(stream) {
if (this.$refs.streamContainer) this.$refs.streamContainer.streamOpen(stream) if (this.$refs.mediaPlayerContainer) this.$refs.mediaPlayerContainer.streamOpen(stream)
}, },
streamClosed(streamId) { streamClosed(streamId) {
if (this.$refs.streamContainer) this.$refs.streamContainer.streamClosed(streamId) if (this.$refs.mediaPlayerContainer) this.$refs.mediaPlayerContainer.streamClosed(streamId)
}, },
streamProgress(data) { streamProgress(data) {
if (this.$refs.streamContainer) this.$refs.streamContainer.streamProgress(data) if (this.$refs.mediaPlayerContainer) this.$refs.mediaPlayerContainer.streamProgress(data)
}, },
streamReady() { streamReady() {
if (this.$refs.streamContainer) this.$refs.streamContainer.streamReady() if (this.$refs.mediaPlayerContainer) this.$refs.mediaPlayerContainer.streamReady()
}, },
streamReset(payload) { streamReset(payload) {
if (this.$refs.streamContainer) this.$refs.streamContainer.streamReset(payload) if (this.$refs.mediaPlayerContainer) this.$refs.mediaPlayerContainer.streamReset(payload)
}, },
streamError({ id, errorMessage }) { streamError({ id, errorMessage }) {
this.$toast.error(`Stream Failed: ${errorMessage}`) this.$toast.error(`Stream Failed: ${errorMessage}`)
if (this.$refs.streamContainer) this.$refs.streamContainer.streamError(id) if (this.$refs.mediaPlayerContainer) this.$refs.mediaPlayerContainer.streamError(id)
}, },
libraryAdded(library) { libraryAdded(library) {
this.$store.commit('libraries/addUpdate', library) this.$store.commit('libraries/addUpdate', library)
@ -247,7 +247,7 @@ export default {
this.multiSessionCurrentSessionId = null this.multiSessionCurrentSessionId = null
this.$toast.dismiss('multiple-sessions') this.$toast.dismiss('multiple-sessions')
} }
if (this.$refs.streamContainer) this.$refs.streamContainer.sessionClosedEvent(sessionId) if (this.$refs.mediaPlayerContainer) this.$refs.mediaPlayerContainer.sessionClosedEvent(sessionId)
}, },
userMediaProgressUpdate(payload) { userMediaProgressUpdate(payload) {
this.$store.commit('user/updateMediaProgress', payload) this.$store.commit('user/updateMediaProgress', payload)