Source: ui/skip_next_button.js

  1. /*! @license
  2.  * Shaka Player
  3.  * Copyright 2016 Google LLC
  4.  * SPDX-License-Identifier: Apache-2.0
  5.  */
  8. goog.provide('shaka.ui.SkipNextButton');
  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.MaterialSVGIcon');
  16. goog.require('shaka.ui.Utils');
  17. goog.require('shaka.util.Dom');
  20. /**
  21.  * @extends {shaka.ui.Element}
  22.  * @final
  23.  * @export
  24.  */
  25. shaka.ui.SkipNextButton = class extends shaka.ui.Element {
  26.   /**
  27.    * @param {!HTMLElement} parent
  28.    * @param {!shaka.ui.Controls} controls
  29.    */
  30.   constructor(parent, controls) {
  31.     super(parent, controls);
  33.     this.queueManager_ = this.player.getQueueManager();
  35.     if (!this.queueManager_) {
  36.       return;
  37.     }
  39.     /** @private {!HTMLButtonElement} */
  40.     this.button_ = shaka.util.Dom.createButton();
  41.     this.button_.classList.add('shaka-skip-next-button');
  42.     this.button_.classList.add('shaka-tooltip');
  43.     new shaka.ui.MaterialSVGIcon(this.button_).use(
  44.         shaka.ui.Enums.MaterialDesignSVGIcons.SKIP_NEXT);
  45.     this.parent.appendChild(this.button_);
  47.     this.updateAriaLabel_();
  48.     this.checkAvailability_();
  50.     this.eventManager.listen(
  51.         this.localization, shaka.ui.Localization.LOCALE_UPDATED, () => {
  52.           this.updateAriaLabel_();
  53.         });
  55.     this.eventManager.listen(
  56.         this.localization, shaka.ui.Localization.LOCALE_CHANGED, () => {
  57.           this.updateAriaLabel_();
  58.         });
  60.     this.eventManager.listen(this.button_, 'click', () => {
  61.       if (!this.controls.isOpaque()) {
  62.         return;
  63.       }
  64.       this.queueManager_.playItem(this.queueManager_.getCurrentItemIndex() + 1);
  65.     });
  67.     this.eventManager.listen(this.queueManager_, 'currentitemchanged', () => {
  68.       this.checkAvailability_();
  69.     });
  71.     this.eventManager.listen(this.queueManager_, 'itemsinserted', () => {
  72.       this.checkAvailability_();
  73.     });
  75.     this.eventManager.listen(this.queueManager_, 'itemsremoved', () => {
  76.       this.checkAvailability_();
  77.     });
  79.     this.eventManager.listen(this.player, 'loading', () => {
  80.       this.checkAvailability_();
  81.     });
  82.   }
  84.   /**
  85.    * @private
  86.    */
  87.   updateAriaLabel_() {
  88.     this.button_.ariaLabel =
  89.         this.localization.resolve(shaka.ui.Locales.Ids.SKIP_NEXT);
  90.   }
  92.   /** @private */
  93.   checkAvailability_() {
  94.     const itemsLength = this.queueManager_.getItems().length;
  95.     const available = itemsLength > 1 &&
  96.       (this.queueManager_.getCurrentItemIndex() + 1) < itemsLength;
  97.     shaka.ui.Utils.setDisplay(this.button_, available);
  98.   }
  99. };
  102. /**
  103.  * @implements {shaka.extern.IUIElement.Factory}
  104.  * @final
  105.  */
  106. shaka.ui.SkipNextButton.Factory = class {
  107.   /** @override */
  108.   create(rootElement, controls) {
  109.     return new shaka.ui.SkipNextButton(rootElement, controls);
  110.   }
  111. };
  113. shaka.ui.Controls.registerElement(
  114.     'skip_next', new shaka.ui.SkipNextButton.Factory());