Source: ui/mute_button.js

  1. /**
  2.  * @license
  3.  * Copyright 2016 Google Inc.
  4.  *
  5.  * Licensed under the Apache License, Version 2.0 (the "License");
  6.  * you may not use this file except in compliance with the License.
  7.  * You may obtain a copy of the License at
  8.  *
  9.  *     http://www.apache.org/licenses/LICENSE-2.0
  10.  *
  11.  * Unless required by applicable law or agreed to in writing, software
  12.  * distributed under the License is distributed on an "AS IS" BASIS,
  13.  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  14.  * See the License for the specific language governing permissions and
  15.  * limitations under the License.
  16.  */
  19. goog.provide('shaka.ui.MuteButton');
  21. goog.require('shaka.ui.Element');
  22. goog.require('shaka.ui.Enums');
  23. goog.require('shaka.ui.Locales');
  24. goog.require('shaka.ui.Localization');
  25. goog.require('shaka.util.Dom');
  28. /**
  29.  * @extends {shaka.ui.Element}
  30.  * @final
  31.  * @export
  32.  */
  33. shaka.ui.MuteButton = class extends shaka.ui.Element {
  34.   /**
  35.    * @param {!HTMLElement} parent
  36.    * @param {!shaka.ui.Controls} controls
  37.    */
  38.   constructor(parent, controls) {
  39.     super(parent, controls);
  41.     /** @private {!HTMLElement} */
  42.     this.button_ = shaka.util.Dom.createHTMLElement('button');
  43.     this.button_.classList.add('shaka-mute-button');
  44.     this.button_.classList.add('material-icons');
  45.     this.button_.textContent = shaka.ui.Enums.MaterialDesignIcons.MUTE;
  46.     this.parent.appendChild(this.button_);
  47.     this.updateAriaLabel_();
  49.     this.eventManager.listen(
  50.       this.localization, shaka.ui.Localization.LOCALE_UPDATED, () => {
  51.         this.updateAriaLabel_();
  52.       });
  54.     this.eventManager.listen(
  55.       this.localization, shaka.ui.Localization.LOCALE_CHANGED, () => {
  56.         this.updateAriaLabel_();
  57.       });
  59.     this.eventManager.listen(this.button_, 'click', () => {
  60.       this.video.muted = !this.video.muted;
  61.     });
  63.     this.eventManager.listen(this.video, 'volumechange', () => {
  64.       this.updateAriaLabel_();
  65.       this.updateIcon_();
  66.     });
  67.   }
  69.   /**
  70.    * @private
  71.    */
  72.   updateAriaLabel_() {
  73.     const LocIds = shaka.ui.Locales.Ids;
  74.     const label = this.video.muted ? LocIds.UNMUTE : LocIds.MUTE;
  76.     this.button_.setAttribute(shaka.ui.Constants.ARIA_LABEL,
  77.         this.localization.resolve(label));
  78.   }
  80.   /**
  81.    * @private
  82.    */
  83.   updateIcon_() {
  84.     this.button_.textContent = this.video.muted ?
  85.                                shaka.ui.Enums.MaterialDesignIcons.UNMUTE :
  86.                                shaka.ui.Enums.MaterialDesignIcons.MUTE;
  87.   }
  88. };
  91. /**
  92.  * @implements {shaka.extern.IUIElement.Factory}
  93.  * @final
  94.  */
  95. shaka.ui.MuteButton.Factory = class {
  96.   /** @override */
  97.   create(rootElement, controls) {
  98.     return new shaka.ui.MuteButton(rootElement, controls);
  99.   }
  100. };
  102. shaka.ui.Controls.registerElement('mute', new shaka.ui.MuteButton.Factory());