Source: ui/audio_language_selection.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.AudioLanguageSelection');
  21. goog.require('shaka.ui.Enums');
  22. goog.require('shaka.ui.LanguageUtils');
  23. goog.require('shaka.ui.Locales');
  24. goog.require('shaka.ui.Localization');
  25. goog.require('shaka.ui.OverflowMenu');
  26. goog.require('shaka.ui.SettingsMenu');
  28. /**
  29.  * @extends {shaka.ui.SettingsMenu}
  30.  * @final
  31.  * @export
  32.  */
  33. shaka.ui.AudioLanguageSelection = class extends shaka.ui.SettingsMenu {
  34.   /**
  35.    * @param {!HTMLElement} parent
  36.    * @param {!shaka.ui.Controls} controls
  37.    */
  38.   constructor(parent, controls) {
  39.     super(parent, controls, shaka.ui.Enums.MaterialDesignIcons.LANGUAGE);
  41.     this.button.classList.add('shaka-language-button');
  42.     this.menu.classList.add('shaka-audio-languages');
  44.     this.eventManager.listen(
  45.         this.localization, shaka.ui.Localization.LOCALE_UPDATED, () => {
  46.           this.updateLocalizedStrings_();
  47.         });
  49.     this.eventManager.listen(
  50.         this.localization, shaka.ui.Localization.LOCALE_CHANGED, () => {
  51.           this.updateLocalizedStrings_();
  52.         });
  55.     this.eventManager.listen(this.player, 'trackschanged', () => {
  56.       this.onTracksChanged_();
  57.     });
  59.     this.eventManager.listen(this.player, 'variantchanged', () => {
  60.       this.updateAudioLanguages_();
  61.     });
  63.     // Set up all the strings in the user's preferred language.
  64.     this.updateLocalizedStrings_();
  66.     this.updateAudioLanguages_();
  67.   }
  70.   /** @private */
  71.   updateAudioLanguages_() {
  72.     const tracks = this.player.getVariantTracks();
  74.     shaka.ui.LanguageUtils.updateTracks(tracks, this.menu,
  75.         (track) => this.onAudioTrackSelected_(track),
  76.         /* updateChosen */ true, this.currentSelection, this.localization,
  77.         this.controls.getConfig().trackLabelFormat);
  78.     shaka.ui.Utils.focusOnTheChosenItem(this.menu);
  80.     this.controls.dispatchEvent(
  81.         new shaka.util.FakeEvent('languageselectionupdated'));
  82.   }
  84.   /** @private */
  85.   onTracksChanged_() {
  86.     const hasVariants = this.player.getVariantTracks().length > 0;
  87.     shaka.ui.Utils.setDisplay(this.button, hasVariants);
  88.     this.updateAudioLanguages_();
  89.   }
  91.   /**
  92.    * @param {!shaka.extern.Track} track
  93.    * @private
  94.    */
  95.   onAudioTrackSelected_(track) {
  96.     this.player.selectAudioLanguage(track.language, track.roles[0]);
  97.   }
  100.   /**
  101.    * @private
  102.    */
  103.   updateLocalizedStrings_() {
  104.     const LocIds = shaka.ui.Locales.Ids;
  106.     this.backButton.setAttribute(shaka.ui.Constants.ARIA_LABEL,
  107.         this.localization.resolve(LocIds.BACK));
  108.     this.button.setAttribute(shaka.ui.Constants.ARIA_LABEL,
  109.         this.localization.resolve(LocIds.LANGUAGE));
  110.     this.nameSpan.textContent =
  111.         this.localization.resolve(LocIds.LANGUAGE);
  112.     this.backSpan.textContent =
  113.         this.localization.resolve(LocIds.LANGUAGE);
  114.   }
  115. };
  118. /**
  119.  * @implements {shaka.extern.IUIElement.Factory}
  120.  * @final
  121.  */
  122. shaka.ui.AudioLanguageSelection.Factory = class {
  123.   /** @override */
  124.   create(rootElement, controls) {
  125.     return new shaka.ui.AudioLanguageSelection(rootElement, controls);
  126.   }
  127. };
  129. shaka.ui.OverflowMenu.registerElement(
  130.     'language', new shaka.ui.AudioLanguageSelection.Factory());