@desynova-digital/player 3.9.6 → 3.9.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (68) hide show
  1. package/Manager.js +26 -50
  2. package/actions/player.js +58 -89
  3. package/actions/video.js +70 -69
  4. package/colors.js +13 -13
  5. package/components/AudioMeter.js +138 -182
  6. package/components/BigPlayButton.js +48 -72
  7. package/components/ImageViewer.js +120 -165
  8. package/components/MarkerBar.js +64 -75
  9. package/components/Menu.js +30 -57
  10. package/components/Player.js +266 -326
  11. package/components/PlayerHeader.js +213 -348
  12. package/components/Playlist.js +50 -89
  13. package/components/PointersBar.js +131 -203
  14. package/components/PosterImage.js +12 -22
  15. package/components/SDOutline.js +32 -54
  16. package/components/Shortcut.js +135 -140
  17. package/components/Slider.js +85 -128
  18. package/components/TagsBar.js +45 -62
  19. package/components/Video.js +479 -655
  20. package/components/control-bar/AudioTracksMenuButton.js +63 -86
  21. package/components/control-bar/CameraButton.js +65 -76
  22. package/components/control-bar/CommentsButton.js +97 -136
  23. package/components/control-bar/ControlBar.js +171 -164
  24. package/components/control-bar/EditorControlMenuButton.js +180 -280
  25. package/components/control-bar/ForwardControl.js +7 -11
  26. package/components/control-bar/ForwardReplayControl.js +41 -55
  27. package/components/control-bar/FullscreenToggle.js +48 -67
  28. package/components/control-bar/PlayToggle.js +39 -54
  29. package/components/control-bar/ReplayControl.js +7 -11
  30. package/components/control-bar/SettingsMenuButton.js +19 -29
  31. package/components/control-bar/SubtitleLanguagesMenuButton.js +90 -119
  32. package/components/control-bar/SubtitleMovementMenu.js +128 -0
  33. package/components/control-bar/VolumeMenuButton.js +71 -96
  34. package/components/control-bar/ZoomMenuButton.js +57 -81
  35. package/components/marking-controls/MarkInControl.js +49 -65
  36. package/components/marking-controls/MarkOutControl.js +53 -69
  37. package/components/marking-controls/MarkingAddButton.js +41 -54
  38. package/components/marking-controls/MarkingControl.js +58 -107
  39. package/components/marking-controls/MarkingDeleteButton.js +39 -51
  40. package/components/marking-controls/MarkingDuration.js +23 -56
  41. package/components/marking-controls/MarkingPreview.js +39 -51
  42. package/components/progress-bar/AudioWaveform.js +48 -64
  43. package/components/progress-bar/LoadProgressBar.js +14 -37
  44. package/components/progress-bar/MouseTimeDisplay.js +14 -30
  45. package/components/progress-bar/PlayProgressBar.js +23 -41
  46. package/components/progress-bar/ProgressControl.js +82 -141
  47. package/components/progress-bar/SeekBar.js +101 -169
  48. package/components/progress-bar/Timeline.js +57 -81
  49. package/components/settings-menu-control/PlaybackRateControl.js +70 -115
  50. package/components/settings-menu-control/SafeAreaControl.js +49 -65
  51. package/components/settings-menu-control/SettingsMenu.js +26 -50
  52. package/components/time-controls/CurrentTimeDisplay.js +15 -34
  53. package/components/time-controls/DurationDisplay.js +14 -33
  54. package/components/time-controls/TimeDivider.js +12 -28
  55. package/components/volume-control/VolumeBar.js +84 -118
  56. package/components/volume-control/VolumeControl.js +7 -23
  57. package/components/volume-control/VolumeLevel.js +19 -36
  58. package/components/zoom-control/ZoomBar.js +79 -111
  59. package/components/zoom-control/ZoomLevel.js +24 -36
  60. package/index.js +204 -149
  61. package/package.json +5 -1
  62. package/reducers/index.js +12 -14
  63. package/reducers/operation.js +14 -14
  64. package/reducers/player.js +40 -42
  65. package/utils/browser.js +10 -5
  66. package/utils/dom.js +4 -15
  67. package/utils/fullscreen.js +24 -24
  68. package/utils/index.js +35 -46
package/Manager.js CHANGED
@@ -1,51 +1,38 @@
1
- 'use strict';
1
+ "use strict";
2
2
 
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
-
7
- var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
8
-
9
- var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
10
-
11
- var _redux = require('redux');
12
-
13
- var _reducers = require('./reducers');
14
-
15
- var _reducers2 = _interopRequireDefault(_reducers);
16
-
17
- var _player = require('./actions/player');
18
-
19
- var playerActions = _interopRequireWildcard(_player);
20
-
21
- var _video = require('./actions/video');
22
-
23
- var videoActions = _interopRequireWildcard(_video);
24
-
25
- 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; } }
26
-
27
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
28
-
6
+ exports["default"] = void 0;
7
+ var _redux = require("redux");
8
+ var _reducers = _interopRequireDefault(require("./reducers"));
9
+ var playerActions = _interopRequireWildcard(require("./actions/player"));
10
+ var videoActions = _interopRequireWildcard(require("./actions/video"));
11
+ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
12
+ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
13
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
14
+ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
15
+ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
16
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
17
+ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
29
18
  function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
30
-
31
- var Manager = function () {
19
+ function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
20
+ function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
21
+ function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
22
+ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
23
+ var Manager = /*#__PURE__*/function () {
32
24
  function Manager(store) {
33
25
  _classCallCheck(this, Manager);
34
-
35
- this.store = store || (0, _redux.createStore)(_reducers2.default);
36
-
26
+ this.store = store || (0, _redux.createStore)(_reducers["default"]);
37
27
  this.video = null;
38
28
  this.rootElement = null;
39
29
  }
40
-
41
30
  _createClass(Manager, [{
42
- key: 'getActions',
31
+ key: "getActions",
43
32
  value: function getActions() {
44
33
  var manager = this;
45
34
  var dispatch = this.store.dispatch;
46
-
47
- var actions = _extends({}, playerActions, videoActions);
48
-
35
+ var actions = _objectSpread(_objectSpread({}, playerActions), videoActions);
49
36
  function bindActionCreator(actionCreator) {
50
37
  return function bindAction() {
51
38
  // eslint-disable-next-line prefer-rest-params
@@ -55,7 +42,6 @@ var Manager = function () {
55
42
  }
56
43
  };
57
44
  }
58
-
59
45
  return Object.keys(actions).filter(function (key) {
60
46
  return typeof actions[key] === 'function';
61
47
  }).reduce(function (boundActions, key) {
@@ -64,22 +50,19 @@ var Manager = function () {
64
50
  }, {});
65
51
  }
66
52
  }, {
67
- key: 'getState',
53
+ key: "getState",
68
54
  value: function getState() {
69
55
  return this.store.getState();
70
56
  }
71
57
 
72
58
  // subscribe state change
73
-
74
59
  }, {
75
- key: 'subscribeToStateChange',
60
+ key: "subscribeToStateChange",
76
61
  value: function subscribeToStateChange(listener, getState) {
77
62
  if (!getState) {
78
63
  getState = this.getState.bind(this);
79
64
  }
80
-
81
65
  var prevState = getState();
82
-
83
66
  var handleChange = function handleChange() {
84
67
  var state = getState();
85
68
  if (state === prevState) {
@@ -89,36 +72,29 @@ var Manager = function () {
89
72
  prevState = state;
90
73
  listener(state, prevStateCopy);
91
74
  };
92
-
93
75
  return this.store.subscribe(handleChange);
94
76
  }
95
77
 
96
78
  // subscribe to operation state change
97
-
98
79
  }, {
99
- key: 'subscribeToOperationStateChange',
80
+ key: "subscribeToOperationStateChange",
100
81
  value: function subscribeToOperationStateChange(listener) {
101
82
  var _this = this;
102
-
103
83
  return this.subscribeToStateChange(listener, function () {
104
84
  return _this.getState().operation;
105
85
  });
106
86
  }
107
87
 
108
88
  // subscribe to player state change
109
-
110
89
  }, {
111
- key: 'subscribeToPlayerStateChange',
90
+ key: "subscribeToPlayerStateChange",
112
91
  value: function subscribeToPlayerStateChange(listener) {
113
92
  var _this2 = this;
114
-
115
93
  return this.subscribeToStateChange(listener, function () {
116
94
  return _this2.getState().player;
117
95
  });
118
96
  }
119
97
  }]);
120
-
121
98
  return Manager;
122
99
  }();
123
-
124
- exports.default = Manager;
100
+ exports["default"] = Manager;
package/actions/player.js CHANGED
@@ -1,126 +1,122 @@
1
- 'use strict';
1
+ "use strict";
2
2
 
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.ACTIVE_AUDIO_TRACK = exports.AUDIO_TRACKS = exports.REWIND_VIDEO = exports.PREVIEW_VIDEO = exports.MARKER_UPDATE = exports.MARKER_CREATE = exports.MARKER_POINT_CHANGE = exports.ZOOM_CHANGE = exports.CONTROL_TYPE = exports.PLAYER_TYPE = exports.USER_ACTIVATE = exports.PLAYER_ACTIVATE = exports.SD_BORDER_SWITCH = exports.FULLSCREEN_CHANGE = exports.OPERATE = undefined;
7
- exports.handleFullscreenChange = handleFullscreenChange;
8
- exports.handleVideoPreview = handleVideoPreview;
9
- exports.handleVideoRewind = handleVideoRewind;
6
+ exports.ZOOM_CHANGE = exports.USER_ACTIVATE = exports.SD_BORDER_SWITCH = exports.REWIND_VIDEO = exports.PREVIEW_VIDEO = exports.PLAYER_TYPE = exports.PLAYER_ACTIVATE = exports.OPERATE = exports.MARKER_UPDATE = exports.MARKER_POINT_CHANGE = exports.MARKER_CREATE = exports.FULLSCREEN_CHANGE = exports.CONTROL_TYPE = exports.AUDIO_TRACKS = exports.ACTIVE_AUDIO_TRACK = void 0;
10
7
  exports.activate = activate;
11
- exports.userActivate = userActivate;
12
- exports.play = play;
13
- exports.pause = pause;
14
- exports.togglePlay = togglePlay;
15
- exports.seek = seek;
16
- exports.forward = forward;
17
- exports.replay = replay;
18
8
  exports.changeRate = changeRate;
19
9
  exports.changeVolume = changeVolume;
20
- exports.mute = mute;
21
- exports.toggleFullscreen = toggleFullscreen;
22
- exports.handleAudioTracks = handleAudioTracks;
10
+ exports.forward = forward;
23
11
  exports.handleAudioTrackChange = handleAudioTrackChange;
24
- exports.handlePlayerType = handlePlayerType;
12
+ exports.handleAudioTracks = handleAudioTracks;
25
13
  exports.handleControlType = handleControlType;
26
- exports.handleZoomChange = handleZoomChange;
14
+ exports.handleFullscreenChange = handleFullscreenChange;
27
15
  exports.handleMarkerPointChange = handleMarkerPointChange;
28
16
  exports.handleMarkerUpdate = handleMarkerUpdate;
17
+ exports.handlePlayerType = handlePlayerType;
29
18
  exports.handleSDBorderChange = handleSDBorderChange;
30
-
31
- var _fullscreen = require('../utils/fullscreen');
32
-
33
- var _fullscreen2 = _interopRequireDefault(_fullscreen);
34
-
35
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
36
-
37
- var OPERATE = exports.OPERATE = 'video-react/OPERATE';
38
- var FULLSCREEN_CHANGE = exports.FULLSCREEN_CHANGE = 'video-react/FULLSCREEN_CHANGE';
39
- var SD_BORDER_SWITCH = exports.SD_BORDER_SWITCH = 'video-react/SD_BORDER_SWITCH';
40
- var PLAYER_ACTIVATE = exports.PLAYER_ACTIVATE = 'video-react/PLAYER_ACTIVATE';
41
- var USER_ACTIVATE = exports.USER_ACTIVATE = 'video-react/USER_ACTIVATE';
42
- var PLAYER_TYPE = exports.PLAYER_TYPE = 'video-react/PLAYER_TYPE';
43
- var CONTROL_TYPE = exports.CONTROL_TYPE = 'video-react/CONTROL_TYPE';
44
- var ZOOM_CHANGE = exports.ZOOM_CHANGE = 'video-react/ZOOM_CHANGE';
45
- var MARKER_POINT_CHANGE = exports.MARKER_POINT_CHANGE = 'video-react/MARKER_POINT_CHANGE';
46
- var MARKER_CREATE = exports.MARKER_CREATE = 'video-react/MARKER_CREATE';
47
- var MARKER_UPDATE = exports.MARKER_UPDATE = 'video-react/MARKER_UPDATE';
48
- var PREVIEW_VIDEO = exports.PREVIEW_VIDEO = 'video-react/PREVIEW_VIDEO';
49
- var REWIND_VIDEO = exports.REWIND_VIDEO = 'video-react/REWIND_VIDEO';
50
- var AUDIO_TRACKS = exports.AUDIO_TRACKS = 'video-react/AUDIO_TRACKS';
51
- var ACTIVE_AUDIO_TRACK = exports.ACTIVE_AUDIO_TRACK = 'video-react/ACTIVE_AUDIO_TRACK';
52
-
19
+ exports.handleVideoPreview = handleVideoPreview;
20
+ exports.handleVideoRewind = handleVideoRewind;
21
+ exports.handleZoomChange = handleZoomChange;
22
+ exports.mute = mute;
23
+ exports.pause = pause;
24
+ exports.play = play;
25
+ exports.replay = replay;
26
+ exports.seek = seek;
27
+ exports.toggleFullscreen = toggleFullscreen;
28
+ exports.togglePlay = togglePlay;
29
+ exports.userActivate = userActivate;
30
+ var _fullscreen = _interopRequireDefault(require("../utils/fullscreen"));
31
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
32
+ var OPERATE = 'video-react/OPERATE';
33
+ exports.OPERATE = OPERATE;
34
+ var FULLSCREEN_CHANGE = 'video-react/FULLSCREEN_CHANGE';
35
+ exports.FULLSCREEN_CHANGE = FULLSCREEN_CHANGE;
36
+ var SD_BORDER_SWITCH = 'video-react/SD_BORDER_SWITCH';
37
+ exports.SD_BORDER_SWITCH = SD_BORDER_SWITCH;
38
+ var PLAYER_ACTIVATE = 'video-react/PLAYER_ACTIVATE';
39
+ exports.PLAYER_ACTIVATE = PLAYER_ACTIVATE;
40
+ var USER_ACTIVATE = 'video-react/USER_ACTIVATE';
41
+ exports.USER_ACTIVATE = USER_ACTIVATE;
42
+ var PLAYER_TYPE = 'video-react/PLAYER_TYPE';
43
+ exports.PLAYER_TYPE = PLAYER_TYPE;
44
+ var CONTROL_TYPE = 'video-react/CONTROL_TYPE';
45
+ exports.CONTROL_TYPE = CONTROL_TYPE;
46
+ var ZOOM_CHANGE = 'video-react/ZOOM_CHANGE';
47
+ exports.ZOOM_CHANGE = ZOOM_CHANGE;
48
+ var MARKER_POINT_CHANGE = 'video-react/MARKER_POINT_CHANGE';
49
+ exports.MARKER_POINT_CHANGE = MARKER_POINT_CHANGE;
50
+ var MARKER_CREATE = 'video-react/MARKER_CREATE';
51
+ exports.MARKER_CREATE = MARKER_CREATE;
52
+ var MARKER_UPDATE = 'video-react/MARKER_UPDATE';
53
+ exports.MARKER_UPDATE = MARKER_UPDATE;
54
+ var PREVIEW_VIDEO = 'video-react/PREVIEW_VIDEO';
55
+ exports.PREVIEW_VIDEO = PREVIEW_VIDEO;
56
+ var REWIND_VIDEO = 'video-react/REWIND_VIDEO';
57
+ exports.REWIND_VIDEO = REWIND_VIDEO;
58
+ var AUDIO_TRACKS = 'video-react/AUDIO_TRACKS';
59
+ exports.AUDIO_TRACKS = AUDIO_TRACKS;
60
+ var ACTIVE_AUDIO_TRACK = 'video-react/ACTIVE_AUDIO_TRACK';
61
+ exports.ACTIVE_AUDIO_TRACK = ACTIVE_AUDIO_TRACK;
53
62
  function handleFullscreenChange(isFullscreen) {
54
63
  return {
55
64
  type: FULLSCREEN_CHANGE,
56
65
  isFullscreen: isFullscreen
57
66
  };
58
67
  }
59
-
60
68
  function handleVideoPreview(active) {
61
69
  return {
62
70
  type: PREVIEW_VIDEO,
63
71
  active: active
64
72
  };
65
73
  }
66
-
67
74
  function handleVideoRewind(active) {
68
75
  return {
69
76
  type: REWIND_VIDEO,
70
77
  active: active
71
78
  };
72
79
  }
73
-
74
80
  function activate(activity) {
75
81
  return {
76
82
  type: PLAYER_ACTIVATE,
77
83
  activity: activity
78
84
  };
79
85
  }
80
-
81
86
  function userActivate(activity) {
82
87
  return {
83
88
  type: USER_ACTIVATE,
84
89
  activity: activity
85
90
  };
86
91
  }
87
-
88
92
  function play() {
89
93
  var operation = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
90
94
  action: 'play',
91
95
  source: ''
92
96
  };
93
-
94
97
  this.video.play();
95
-
96
98
  return {
97
99
  type: OPERATE,
98
100
  operation: operation
99
101
  };
100
102
  }
101
-
102
103
  function pause() {
103
104
  var operation = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
104
105
  action: 'pause',
105
106
  source: ''
106
107
  };
107
-
108
108
  this.video.pause();
109
-
110
109
  return {
111
110
  type: OPERATE,
112
111
  operation: operation
113
112
  };
114
113
  }
115
-
116
114
  function togglePlay() {
117
115
  var operation = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
118
116
  action: 'toggle-play',
119
117
  source: ''
120
118
  };
121
-
122
119
  this.video.togglePlay();
123
-
124
120
  return {
125
121
  type: OPERATE,
126
122
  operation: operation
@@ -133,9 +129,7 @@ function seek(time) {
133
129
  action: 'seek',
134
130
  source: ''
135
131
  };
136
-
137
132
  this.video.seek(time);
138
-
139
133
  return {
140
134
  type: OPERATE,
141
135
  operation: operation
@@ -145,15 +139,13 @@ function seek(time) {
145
139
  // jump forward x seconds
146
140
  function forward(seconds) {
147
141
  var operation = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
148
- action: 'forward-' + seconds,
142
+ action: "forward-".concat(seconds),
149
143
  source: ''
150
144
  };
151
-
152
145
  if (seconds < 1) {
153
146
  this.video.pause();
154
147
  }
155
148
  this.video.forward(seconds);
156
-
157
149
  return {
158
150
  type: OPERATE,
159
151
  operation: operation
@@ -163,41 +155,34 @@ function forward(seconds) {
163
155
  // jump back x seconds
164
156
  function replay(seconds) {
165
157
  var operation = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
166
- action: 'replay-' + seconds,
158
+ action: "replay-".concat(seconds),
167
159
  source: ''
168
160
  };
169
-
170
161
  if (seconds < 1) {
171
162
  this.video.pause();
172
163
  }
173
164
  this.video.replay(seconds);
174
-
175
165
  return {
176
166
  type: OPERATE,
177
167
  operation: operation
178
168
  };
179
169
  }
180
-
181
170
  function changeRate(rate) {
182
171
  var operation = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
183
172
  action: 'change-rate',
184
173
  source: ''
185
174
  };
186
-
187
175
  this.video.playbackRate = rate;
188
-
189
176
  return {
190
177
  type: OPERATE,
191
178
  operation: operation
192
179
  };
193
180
  }
194
-
195
181
  function changeVolume(volume) {
196
182
  var operation = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
197
183
  action: 'change-volume',
198
184
  source: ''
199
185
  };
200
-
201
186
  var v = volume;
202
187
  if (volume < 0) {
203
188
  v = 0;
@@ -206,34 +191,29 @@ function changeVolume(volume) {
206
191
  v = 1;
207
192
  }
208
193
  this.video.volume = v;
209
-
210
194
  return {
211
195
  type: OPERATE,
212
196
  operation: operation
213
197
  };
214
198
  }
215
-
216
199
  function mute(muted) {
217
200
  var operation = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
218
201
  action: muted ? 'muted' : 'unmuted',
219
202
  source: ''
220
203
  };
221
-
222
204
  this.video.muted = muted;
223
-
224
205
  return {
225
206
  type: OPERATE,
226
207
  operation: operation
227
208
  };
228
209
  }
229
-
230
210
  function toggleFullscreen(player) {
231
- if (_fullscreen2.default.enabled) {
211
+ if (_fullscreen["default"].enabled) {
232
212
  var elem = document.getElementsByClassName('left-video-section')[0];
233
- if (_fullscreen2.default.isFullscreen) {
234
- _fullscreen2.default.exit();
213
+ if (_fullscreen["default"].isFullscreen) {
214
+ _fullscreen["default"].exit();
235
215
  } else {
236
- _fullscreen2.default.request(elem);
216
+ _fullscreen["default"].request(elem);
237
217
  }
238
218
  return {
239
219
  type: OPERATE,
@@ -243,41 +223,35 @@ function toggleFullscreen(player) {
243
223
  }
244
224
  };
245
225
  }
246
-
247
226
  return {
248
227
  type: FULLSCREEN_CHANGE,
249
228
  isFullscreen: !player.isFullscreen
250
229
  };
251
230
  }
252
-
253
231
  function handleAudioTracks(tracks) {
254
232
  return {
255
233
  type: AUDIO_TRACKS,
256
234
  tracks: tracks
257
235
  };
258
236
  }
259
-
260
237
  function handleAudioTrackChange(track) {
261
238
  return {
262
239
  type: ACTIVE_AUDIO_TRACK,
263
240
  track: track
264
241
  };
265
242
  }
266
-
267
243
  function handlePlayerType(playerType) {
268
244
  return {
269
245
  type: PLAYER_TYPE,
270
246
  playerType: playerType
271
247
  };
272
248
  }
273
-
274
249
  function handleControlType(controlType) {
275
250
  return {
276
251
  type: CONTROL_TYPE,
277
252
  controlType: controlType
278
253
  };
279
254
  }
280
-
281
255
  function handleZoomChange(zoom) {
282
256
  var z = zoom;
283
257
  if (zoom < 0) {
@@ -291,11 +265,10 @@ function handleZoomChange(zoom) {
291
265
  z: z
292
266
  };
293
267
  }
294
-
295
268
  function handleMarkerPointChange(type, marker, timePos) {
296
- var leftMarker = void 0;
297
- var rightMarker = void 0;
298
- var data = void 0;
269
+ var leftMarker;
270
+ var rightMarker;
271
+ var data;
299
272
  if (type === 'add') {
300
273
  if (marker === 'left') {
301
274
  leftMarker = timePos;
@@ -350,7 +323,6 @@ function handleMarkerPointChange(type, marker, timePos) {
350
323
  }
351
324
  return data;
352
325
  }
353
-
354
326
  function handleMarkerUpdate(leftMarker, rightMarker) {
355
327
  var data = {
356
328
  type: MARKER_UPDATE,
@@ -361,15 +333,12 @@ function handleMarkerUpdate(leftMarker, rightMarker) {
361
333
  rightMarker: rightMarker
362
334
  }
363
335
  };
364
-
365
336
  return data;
366
337
  }
367
-
368
338
  function handleSDBorderChange(SDBorderActive) {
369
339
  var data = {
370
340
  type: SD_BORDER_SWITCH,
371
341
  SDBorderActive: SDBorderActive
372
342
  };
373
-
374
343
  return data;
375
344
  }