chapters-track-menu-item.js 4.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108
  1. 'use strict';
  2. exports.__esModule = true;
  3. var _menuItem = require('../../menu/menu-item.js');
  4. var _menuItem2 = _interopRequireDefault(_menuItem);
  5. var _component = require('../../component.js');
  6. var _component2 = _interopRequireDefault(_component);
  7. var _fn = require('../../utils/fn.js');
  8. var Fn = _interopRequireWildcard(_fn);
  9. function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj['default'] = obj; return newObj; } }
  10. function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
  11. function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
  12. function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
  13. function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } /**
  14. * @file chapters-track-menu-item.js
  15. */
  16. /**
  17. * The chapter track menu item
  18. *
  19. * @extends MenuItem
  20. */
  21. var ChaptersTrackMenuItem = function (_MenuItem) {
  22. _inherits(ChaptersTrackMenuItem, _MenuItem);
  23. /**
  24. * Creates an instance of this class.
  25. *
  26. * @param {Player} player
  27. * The `Player` that this class should be attached to.
  28. *
  29. * @param {Object} [options]
  30. * The key/value store of player options.
  31. */
  32. function ChaptersTrackMenuItem(player, options) {
  33. _classCallCheck(this, ChaptersTrackMenuItem);
  34. var track = options.track;
  35. var cue = options.cue;
  36. var currentTime = player.currentTime();
  37. // Modify options for parent MenuItem class's init.
  38. options.selectable = true;
  39. options.label = cue.text;
  40. options.selected = cue.startTime <= currentTime && currentTime < cue.endTime;
  41. var _this = _possibleConstructorReturn(this, _MenuItem.call(this, player, options));
  42. _this.track = track;
  43. _this.cue = cue;
  44. track.addEventListener('cuechange', Fn.bind(_this, _this.update));
  45. return _this;
  46. }
  47. /**
  48. * This gets called when an `ChaptersTrackMenuItem` is "clicked". See
  49. * {@link ClickableComponent} for more detailed information on what a click can be.
  50. *
  51. * @param {EventTarget~Event} [event]
  52. * The `keydown`, `tap`, or `click` event that caused this function to be
  53. * called.
  54. *
  55. * @listens tap
  56. * @listens click
  57. */
  58. ChaptersTrackMenuItem.prototype.handleClick = function handleClick(event) {
  59. _MenuItem.prototype.handleClick.call(this);
  60. this.player_.currentTime(this.cue.startTime);
  61. this.update(this.cue.startTime);
  62. };
  63. /**
  64. * Update chapter menu item
  65. *
  66. * @param {EventTarget~Event} [event]
  67. * The `cuechange` event that caused this function to run.
  68. *
  69. * @listens TextTrack#cuechange
  70. */
  71. ChaptersTrackMenuItem.prototype.update = function update(event) {
  72. var cue = this.cue;
  73. var currentTime = this.player_.currentTime();
  74. // vjs.log(currentTime, cue.startTime);
  75. this.selected(cue.startTime <= currentTime && currentTime < cue.endTime);
  76. };
  77. return ChaptersTrackMenuItem;
  78. }(_menuItem2['default']);
  79. _component2['default'].registerComponent('ChaptersTrackMenuItem', ChaptersTrackMenuItem);
  80. exports['default'] = ChaptersTrackMenuItem;