Finish mute video switch implementation

biigle · Jun 14, 2024 · 34dbf36 · 34dbf36
1 parent 76ea0c0
commit 34dbf36
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 1 deletion.
diff --git a/resources/assets/js/videos/stores/settings.js b/resources/assets/js/videos/stores/settings.js
@@ -8,6 +8,7 @@ let defaults = {
     showMousePosition: false,
     showProgressIndicator: true,
     jumpStep: 5.0,
+    muteVideo: true,
 };
 
 export default new Settings({

diff --git a/resources/assets/js/videos/videoContainer.vue b/resources/assets/js/videos/videoContainer.vue
@@ -701,7 +701,7 @@ export default {
 
         this.initAnnotationFilters();
         this.restoreUrlParams();
-        this.video.muted = Settings.get('muteVideo');
+        this.video.muted = this.settings.muteVideo;
         this.video.preload = 'auto';
         this.video.addEventListener('error', function (e) {
             if (e.target.error.code === MediaError.MEDIA_ERR_SRC_NOT_SUPPORTED) {

diff --git a/resources/views/manual/tutorials/videos/sidebar.blade.php b/resources/views/manual/tutorials/videos/sidebar.blade.php
@@ -75,5 +75,9 @@
         <p>
             The mouse position switch controls the display of an additional map overlay that shows the current position of the cursor on the video in pixels.
         </p>
+
+        <p>
+            The mute video switch enables or disables the audio track of the video.
+        </p>
     </div>
 @endsection