WEBUI: Integrated player - implement mute toggle button, fixes #2432

tvheadend · Sep 25, 2015 · 095156f · 095156f
1 parent fa57953
commit 095156f
Show file tree

Hide file tree

Showing 4 changed files with 19 additions and 0 deletions.
diff --git a/src/webui/static/app/ext.css b/src/webui/static/app/ext.css
@@ -271,6 +271,10 @@
     background-image: url(../icons/control_stop.png) !important;
 }
 
+.control_mute {
+    background-image: url(../icons/sound_mute.png) !important;
+}
+
 .control_volume {
     background-image: url(../icons/sound.png) !important;
 }

diff --git a/src/webui/static/app/tvheadend.js b/src/webui/static/app/tvheadend.js
@@ -312,6 +312,15 @@ tvheadend.VideoPlayer = function(url) {
             '-',
             selectProfile,
             '-',
+            {
+                iconCls: 'control_mute',
+                tooltip: _('Toggle mute'),
+                handler: function() {
+                    var muted = videoPlayer.muteToggle();
+                    slider.setDisabled(muted);
+                    sliderLabel.setDisabled(muted);
+                }
+            },
             {
                 iconCls: 'control_volume',
                 tooltip: _('Volume'),

diff --git a/src/webui/static/icons/sound_mute.png b/src/webui/static/icons/sound_mute.png
@@ -0,0 +1 @@
+../../../../vendor/famfamsilk/sound_mute.png
diff --git a/src/webui/static/tv.js b/src/webui/static/tv.js
@@ -238,6 +238,11 @@ tv.ui.VideoPlayer = Ext.extend(Ext.Panel, (function() {
             this.video.dom.pause();
         },
 
+        muteToggle: function() {
+            this.video.dom.muted = !this.video.dom.muted;
+            return this.video.dom.muted;
+        },
+
         setVolume: function(vol) {
             this.video.dom.volume = vol / 100.0;
         },