Source: ui/recenter_vr.js

  1. /*! @license
  2.  * Shaka Player
  3.  * Copyright 2016 Google LLC
  4.  * SPDX-License-Identifier: Apache-2.0
  5.  */
  8. goog.provide('shaka.ui.RecenterVRButton');
  10. goog.require('shaka.ui.Controls');
  11. goog.require('shaka.ui.Element');
  12. goog.require('shaka.ui.Enums');
  13. goog.require('shaka.ui.Locales');
  14. goog.require('shaka.ui.Localization');
  15. goog.require('shaka.ui.OverflowMenu');
  16. goog.require('shaka.ui.Utils');
  17. goog.require('shaka.util.Dom');
  18. goog.requireType('shaka.ui.Controls');
  21. /**
  22.  * @extends {shaka.ui.Element}
  23.  * @final
  24.  * @export
  25.  */
  26. shaka.ui.RecenterVRButton = class extends shaka.ui.Element {
  27.   /**
  28.    * @param {!HTMLElement} parent
  29.    * @param {!shaka.ui.Controls} controls
  30.    */
  31.   constructor(parent, controls) {
  32.     super(parent, controls);
  34.     /** @private {!HTMLButtonElement} */
  35.     this.recenterVRButton_ = shaka.util.Dom.createButton();
  36.     this.recenterVRButton_.classList.add('shaka-recenter-vr-button');
  37.     this.recenterVRButton_.classList.add('shaka-tooltip');
  38.     this.recenterVRButton_.ariaPressed = 'false';
  40.     /** @private {!HTMLElement} */
  41.     this.recenterVRIcon_ = shaka.util.Dom.createHTMLElement('i');
  42.     this.recenterVRIcon_.classList.add('material-icons-round');
  43.     this.recenterVRIcon_.textContent =
  44.         shaka.ui.Enums.MaterialDesignIcons.RECENTER_VR;
  45.     this.recenterVRButton_.appendChild(this.recenterVRIcon_);
  47.     const label = shaka.util.Dom.createHTMLElement('label');
  48.     label.classList.add('shaka-overflow-button-label');
  49.     label.classList.add('shaka-overflow-menu-only');
  50.     this.recenterVRNameSpan_ = shaka.util.Dom.createHTMLElement('span');
  51.     label.appendChild(this.recenterVRNameSpan_);
  53.     this.recenterVRCurrentSelectionSpan_ =
  54.       shaka.util.Dom.createHTMLElement('span');
  55.     this.recenterVRCurrentSelectionSpan_.classList.add(
  56.         'shaka-current-selection-span');
  57.     label.appendChild(this.recenterVRCurrentSelectionSpan_);
  58.     this.recenterVRButton_.appendChild(label);
  59.     this.parent.appendChild(this.recenterVRButton_);
  61.     // Setup strings in the correct language
  62.     this.updateLocalizedStrings_();
  64.     this.eventManager.listen(
  65.         this.localization, shaka.ui.Localization.LOCALE_UPDATED, () => {
  66.           this.updateLocalizedStrings_();
  67.         });
  69.     this.eventManager.listen(
  70.         this.localization, shaka.ui.Localization.LOCALE_CHANGED, () => {
  71.           this.updateLocalizedStrings_();
  72.         });
  74.     const vr = this.controls.getVR();
  76.     this.eventManager.listen(this.recenterVRButton_, 'click', () => {
  77.       vr.reset();
  78.     });
  80.     this.eventManager.listen(vr, 'vrstatuschanged', () => {
  81.       this.checkAvailability_();
  82.     });
  84.     this.checkAvailability_();
  85.   }
  88.   /**
  89.    * @private
  90.    */
  91.   checkAvailability_() {
  92.     shaka.ui.Utils.setDisplay(this.recenterVRButton_,
  93.         this.controls.isPlayingVR());
  94.   }
  97.   /**
  98.    * @private
  99.    */
  100.   updateLocalizedStrings_() {
  101.     const LocIds = shaka.ui.Locales.Ids;
  103.     this.recenterVRButton_.ariaLabel =
  104.         this.localization.resolve(LocIds.RECENTER_VR);
  105.     this.recenterVRNameSpan_.textContent =
  106.         this.localization.resolve(LocIds.RECENTER_VR);
  107.   }
  108. };
  111. /**
  112.  * @implements {shaka.extern.IUIElement.Factory}
  113.  * @final
  114.  */
  115. shaka.ui.RecenterVRButton.Factory = class {
  116.   /** @override */
  117.   create(rootElement, controls) {
  118.     return new shaka.ui.RecenterVRButton(rootElement, controls);
  119.   }
  120. };
  122. shaka.ui.OverflowMenu.registerElement(
  123.     'recenter_vr', new shaka.ui.RecenterVRButton.Factory());
  125. shaka.ui.Controls.registerElement(
  126.     'recenter_vr', new shaka.ui.RecenterVRButton.Factory());