PlayerContainer: Do not auto play if a modal is openned

AgustinSRG · Aug 30, 2023 · 34b90ff · 34b90ff
1 parent 63a4e76
commit 34b90ff
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 0 deletions.
diff --git a/frontend/src/components/layout/PlayerContainer.vue b/frontend/src/components/layout/PlayerContainer.vue
@@ -64,6 +64,7 @@
             :loopForced="loopForced"
             :loopForcedValue="loopForcedValue"
             @force-loop="onForceLoop"
+            :autoPlay="!(displayAlbumList || displayExtendedDescription || displaySizeStats || displayTagList)"
         ></VideoPlayer>
         <AudioPlayer
             v-if="mediaData && mediaData.type === 3"
@@ -88,6 +89,7 @@
             :loopForced="loopForced"
             :loopForcedValue="loopForcedValue"
             @force-loop="onForceLoop"
+            :autoPlay="!(displayAlbumList || displayExtendedDescription || displaySizeStats || displayTagList)"
         ></AudioPlayer>
 
         <AlbumListModal v-if="displayAlbumList" v-model:display="displayAlbumList"></AlbumListModal>

diff --git a/frontend/src/components/player/AudioPlayer.vue b/frontend/src/components/player/AudioPlayer.vue
@@ -391,6 +391,8 @@ export default defineComponent({
 
         loopForced: Boolean,
         loopForcedValue: Boolean,
+
+        autoPlay: Boolean,
     },
     setup(props) {
         return {
@@ -606,6 +608,11 @@ export default defineComponent({
             if (this.autoPlayApplied) {
                 return;
             }
+            if (!this.autoPlay) {
+                this.autoPlayApplied = true;
+                this.playing = false;
+                return;
+            }
             const player = this.getAudioElement();
             if (!player) {
                 return;

diff --git a/frontend/src/components/player/VideoPlayer.vue b/frontend/src/components/player/VideoPlayer.vue
@@ -414,6 +414,8 @@ export default defineComponent({
 
         loopForced: Boolean,
         loopForcedValue: Boolean,
+
+        autoPlay: Boolean,
     },
     setup(props) {
         return {
@@ -721,6 +723,11 @@ export default defineComponent({
             if (this.autoPlayApplied) {
                 return;
             }
+            if (!this.autoPlay) {
+                this.autoPlayApplied = true;
+                this.playing = false;
+                return;
+            }
             const player = this.getVideoElement();
             if (!player) {
                 return;