@desynova-digital/player 3.9.7 → 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.
- package/Manager.js +26 -50
- package/actions/player.js +58 -89
- package/actions/video.js +70 -69
- package/colors.js +13 -13
- package/components/AudioMeter.js +138 -182
- package/components/BigPlayButton.js +48 -72
- package/components/ImageViewer.js +120 -165
- package/components/MarkerBar.js +64 -75
- package/components/Menu.js +30 -57
- package/components/Player.js +267 -327
- package/components/PlayerHeader.js +213 -348
- package/components/Playlist.js +50 -89
- package/components/PointersBar.js +131 -203
- package/components/PosterImage.js +12 -22
- package/components/SDOutline.js +32 -54
- package/components/Shortcut.js +135 -140
- package/components/Slider.js +85 -128
- package/components/TagsBar.js +45 -62
- package/components/Video.js +479 -655
- package/components/control-bar/AudioTracksMenuButton.js +63 -86
- package/components/control-bar/CameraButton.js +65 -76
- package/components/control-bar/CommentsButton.js +97 -136
- package/components/control-bar/ControlBar.js +171 -164
- package/components/control-bar/EditorControlMenuButton.js +180 -280
- package/components/control-bar/ForwardControl.js +7 -11
- package/components/control-bar/ForwardReplayControl.js +41 -55
- package/components/control-bar/FullscreenToggle.js +48 -67
- package/components/control-bar/PlayToggle.js +39 -54
- package/components/control-bar/ReplayControl.js +7 -11
- package/components/control-bar/SettingsMenuButton.js +19 -29
- package/components/control-bar/SubtitleLanguagesMenuButton.js +90 -119
- package/components/control-bar/SubtitleMovementMenu.js +128 -0
- package/components/control-bar/VolumeMenuButton.js +71 -96
- package/components/control-bar/ZoomMenuButton.js +57 -81
- package/components/marking-controls/MarkInControl.js +49 -65
- package/components/marking-controls/MarkOutControl.js +53 -69
- package/components/marking-controls/MarkingAddButton.js +41 -54
- package/components/marking-controls/MarkingControl.js +58 -107
- package/components/marking-controls/MarkingDeleteButton.js +39 -51
- package/components/marking-controls/MarkingDuration.js +23 -56
- package/components/marking-controls/MarkingPreview.js +39 -51
- package/components/progress-bar/AudioWaveform.js +48 -64
- package/components/progress-bar/LoadProgressBar.js +14 -37
- package/components/progress-bar/MouseTimeDisplay.js +14 -30
- package/components/progress-bar/PlayProgressBar.js +23 -41
- package/components/progress-bar/ProgressControl.js +82 -141
- package/components/progress-bar/SeekBar.js +101 -169
- package/components/progress-bar/Timeline.js +57 -81
- package/components/settings-menu-control/PlaybackRateControl.js +70 -115
- package/components/settings-menu-control/SafeAreaControl.js +49 -65
- package/components/settings-menu-control/SettingsMenu.js +26 -50
- package/components/time-controls/CurrentTimeDisplay.js +15 -34
- package/components/time-controls/DurationDisplay.js +14 -33
- package/components/time-controls/TimeDivider.js +12 -28
- package/components/volume-control/VolumeBar.js +84 -118
- package/components/volume-control/VolumeControl.js +7 -23
- package/components/volume-control/VolumeLevel.js +19 -36
- package/components/zoom-control/ZoomBar.js +79 -111
- package/components/zoom-control/ZoomLevel.js +24 -36
- package/index.js +204 -149
- package/package.json +5 -1
- package/reducers/index.js +12 -14
- package/reducers/operation.js +14 -14
- package/reducers/player.js +40 -42
- package/utils/browser.js +10 -5
- package/utils/dom.js +4 -15
- package/utils/fullscreen.js +24 -24
- package/utils/index.js +35 -46
package/Manager.js
CHANGED
|
@@ -1,51 +1,38 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
|
|
7
|
-
var
|
|
8
|
-
|
|
9
|
-
var
|
|
10
|
-
|
|
11
|
-
var
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
var
|
|
16
|
-
|
|
17
|
-
|
|
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
|
-
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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
|
-
|
|
1
|
+
"use strict";
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.
|
|
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.
|
|
21
|
-
exports.toggleFullscreen = toggleFullscreen;
|
|
22
|
-
exports.handleAudioTracks = handleAudioTracks;
|
|
10
|
+
exports.forward = forward;
|
|
23
11
|
exports.handleAudioTrackChange = handleAudioTrackChange;
|
|
24
|
-
exports.
|
|
12
|
+
exports.handleAudioTracks = handleAudioTracks;
|
|
25
13
|
exports.handleControlType = handleControlType;
|
|
26
|
-
exports.
|
|
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
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
var
|
|
42
|
-
|
|
43
|
-
var
|
|
44
|
-
|
|
45
|
-
var
|
|
46
|
-
|
|
47
|
-
var
|
|
48
|
-
|
|
49
|
-
var
|
|
50
|
-
|
|
51
|
-
var
|
|
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:
|
|
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:
|
|
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 (
|
|
211
|
+
if (_fullscreen["default"].enabled) {
|
|
232
212
|
var elem = document.getElementsByClassName('left-video-section')[0];
|
|
233
|
-
if (
|
|
234
|
-
|
|
213
|
+
if (_fullscreen["default"].isFullscreen) {
|
|
214
|
+
_fullscreen["default"].exit();
|
|
235
215
|
} else {
|
|
236
|
-
|
|
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
|
|
297
|
-
var rightMarker
|
|
298
|
-
var data
|
|
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
|
}
|