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.       if (!this.controls.isOpaque()) {
  78.         return;
  79.       }
  80.       vr.reset();
  81.     });
  83.     this.eventManager.listen(vr, 'vrstatuschanged', () => {
  84.       this.checkAvailability_();
  85.     });
  87.     this.checkAvailability_();
  88.   }
  91.   /**
  92.    * @private
  93.    */
  94.   checkAvailability_() {
  95.     shaka.ui.Utils.setDisplay(this.recenterVRButton_,
  96.         this.controls.isPlayingVR());
  97.   }
  100.   /**
  101.    * @private
  102.    */
  103.   updateLocalizedStrings_() {
  104.     const LocIds = shaka.ui.Locales.Ids;
  106.     this.recenterVRButton_.ariaLabel =
  107.         this.localization.resolve(LocIds.RECENTER_VR);
  108.     this.recenterVRNameSpan_.textContent =
  109.         this.localization.resolve(LocIds.RECENTER_VR);
  110.   }
  111. };
  114. /**
  115.  * @implements {shaka.extern.IUIElement.Factory}
  116.  * @final
  117.  */
  118. shaka.ui.RecenterVRButton.Factory = class {
  119.   /** @override */
  120.   create(rootElement, controls) {
  121.     return new shaka.ui.RecenterVRButton(rootElement, controls);
  122.   }
  123. };
  125. shaka.ui.OverflowMenu.registerElement(
  126.     'recenter_vr', new shaka.ui.RecenterVRButton.Factory());
  128. shaka.ui.Controls.registerElement(
  129.     'recenter_vr', new shaka.ui.RecenterVRButton.Factory());