@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/actions/video.js
CHANGED
|
@@ -1,227 +1,228 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.
|
|
6
|
+
exports.WAITING = exports.VOLUME_CHANGE = exports.TIME_UPDATE = exports.SUSPEND = exports.STALLED = exports.SEEKING_TIME = exports.SEEKING = exports.SEEKED = exports.RESIZE = exports.RATE_CHANGE = exports.PROGRESS_CHANGE = exports.PLAYING = exports.PLAY = exports.PAUSE = exports.LOAD_START = exports.LOADED_META_DATA = exports.LOADED_DATA = exports.ERROR = exports.END_SEEKING = exports.END = exports.EMPTIED = exports.DURATION_CHANGE = exports.CAN_PLAY_THROUGH = exports.CAN_PLAY = exports.ABORT = void 0;
|
|
7
|
+
exports.handleAbort = handleAbort;
|
|
7
8
|
exports.handleCanPlay = handleCanPlay;
|
|
8
|
-
exports.handleWaiting = handleWaiting;
|
|
9
9
|
exports.handleCanPlayThrough = handleCanPlayThrough;
|
|
10
|
-
exports.handlePlaying = handlePlaying;
|
|
11
|
-
exports.handlePlay = handlePlay;
|
|
12
|
-
exports.handlePause = handlePause;
|
|
13
|
-
exports.handleEnd = handleEnd;
|
|
14
|
-
exports.handleSeeking = handleSeeking;
|
|
15
|
-
exports.handleSeeked = handleSeeked;
|
|
16
10
|
exports.handleDurationChange = handleDurationChange;
|
|
17
|
-
exports.handleTimeUpdate = handleTimeUpdate;
|
|
18
|
-
exports.handleVolumeChange = handleVolumeChange;
|
|
19
|
-
exports.handleProgressChange = handleProgressChange;
|
|
20
|
-
exports.handleRateChange = handleRateChange;
|
|
21
|
-
exports.handleSuspend = handleSuspend;
|
|
22
|
-
exports.handleAbort = handleAbort;
|
|
23
11
|
exports.handleEmptied = handleEmptied;
|
|
24
|
-
exports.
|
|
25
|
-
exports.
|
|
12
|
+
exports.handleEnd = handleEnd;
|
|
13
|
+
exports.handleEndSeeking = handleEndSeeking;
|
|
14
|
+
exports.handleError = handleError;
|
|
15
|
+
exports.handleLoadStart = handleLoadStart;
|
|
26
16
|
exports.handleLoadedData = handleLoadedData;
|
|
17
|
+
exports.handleLoadedMetaData = handleLoadedMetaData;
|
|
18
|
+
exports.handlePause = handlePause;
|
|
19
|
+
exports.handlePlay = handlePlay;
|
|
20
|
+
exports.handlePlaying = handlePlaying;
|
|
21
|
+
exports.handleProgressChange = handleProgressChange;
|
|
22
|
+
exports.handleRateChange = handleRateChange;
|
|
27
23
|
exports.handleResize = handleResize;
|
|
28
|
-
exports.
|
|
24
|
+
exports.handleSeeked = handleSeeked;
|
|
25
|
+
exports.handleSeeking = handleSeeking;
|
|
29
26
|
exports.handleSeekingTime = handleSeekingTime;
|
|
30
|
-
exports.
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
var
|
|
36
|
-
|
|
37
|
-
var
|
|
38
|
-
|
|
39
|
-
var
|
|
40
|
-
|
|
41
|
-
var
|
|
42
|
-
|
|
43
|
-
var
|
|
44
|
-
|
|
45
|
-
var
|
|
46
|
-
|
|
47
|
-
var
|
|
48
|
-
|
|
49
|
-
var
|
|
50
|
-
|
|
51
|
-
var
|
|
52
|
-
|
|
53
|
-
var
|
|
54
|
-
|
|
55
|
-
var
|
|
56
|
-
|
|
27
|
+
exports.handleStalled = handleStalled;
|
|
28
|
+
exports.handleSuspend = handleSuspend;
|
|
29
|
+
exports.handleTimeUpdate = handleTimeUpdate;
|
|
30
|
+
exports.handleVolumeChange = handleVolumeChange;
|
|
31
|
+
exports.handleWaiting = handleWaiting;
|
|
32
|
+
var LOAD_START = 'video-react/LOAD_START';
|
|
33
|
+
exports.LOAD_START = LOAD_START;
|
|
34
|
+
var CAN_PLAY = 'video-react/CAN_PLAY';
|
|
35
|
+
exports.CAN_PLAY = CAN_PLAY;
|
|
36
|
+
var WAITING = 'video-react/WAITING';
|
|
37
|
+
exports.WAITING = WAITING;
|
|
38
|
+
var CAN_PLAY_THROUGH = 'video-react/CAN_PLAY_THROUGH';
|
|
39
|
+
exports.CAN_PLAY_THROUGH = CAN_PLAY_THROUGH;
|
|
40
|
+
var PLAYING = 'video-react/PLAYING';
|
|
41
|
+
exports.PLAYING = PLAYING;
|
|
42
|
+
var PLAY = 'video-react/PLAY';
|
|
43
|
+
exports.PLAY = PLAY;
|
|
44
|
+
var PAUSE = 'video-react/PAUSE';
|
|
45
|
+
exports.PAUSE = PAUSE;
|
|
46
|
+
var END = 'video-react/END';
|
|
47
|
+
exports.END = END;
|
|
48
|
+
var SEEKING = 'video-react/SEEKING';
|
|
49
|
+
exports.SEEKING = SEEKING;
|
|
50
|
+
var SEEKED = 'video-react/SEEKED';
|
|
51
|
+
exports.SEEKED = SEEKED;
|
|
52
|
+
var SEEKING_TIME = 'video-react/SEEKING_TIME';
|
|
53
|
+
exports.SEEKING_TIME = SEEKING_TIME;
|
|
54
|
+
var END_SEEKING = 'video-react/END_SEEKING';
|
|
55
|
+
exports.END_SEEKING = END_SEEKING;
|
|
56
|
+
var DURATION_CHANGE = 'video-react/DURATION_CHANGE';
|
|
57
|
+
exports.DURATION_CHANGE = DURATION_CHANGE;
|
|
58
|
+
var TIME_UPDATE = 'video-react/TIME_UPDATE';
|
|
59
|
+
exports.TIME_UPDATE = TIME_UPDATE;
|
|
60
|
+
var VOLUME_CHANGE = 'video-react/VOLUME_CHANGE';
|
|
61
|
+
exports.VOLUME_CHANGE = VOLUME_CHANGE;
|
|
62
|
+
var PROGRESS_CHANGE = 'video-react/PROGRESS_CHANGE';
|
|
63
|
+
exports.PROGRESS_CHANGE = PROGRESS_CHANGE;
|
|
64
|
+
var RATE_CHANGE = 'video-react/RATE_CHANGE';
|
|
65
|
+
exports.RATE_CHANGE = RATE_CHANGE;
|
|
66
|
+
var SUSPEND = 'video-react/SUSPEND';
|
|
67
|
+
exports.SUSPEND = SUSPEND;
|
|
68
|
+
var ABORT = 'video-react/ABORT';
|
|
69
|
+
exports.ABORT = ABORT;
|
|
70
|
+
var EMPTIED = 'video-react/EMPTIED';
|
|
71
|
+
exports.EMPTIED = EMPTIED;
|
|
72
|
+
var STALLED = 'video-react/STALLED';
|
|
73
|
+
exports.STALLED = STALLED;
|
|
74
|
+
var LOADED_META_DATA = 'video-react/LOADED_META_DATA';
|
|
75
|
+
exports.LOADED_META_DATA = LOADED_META_DATA;
|
|
76
|
+
var LOADED_DATA = 'video-react/LOADED_DATA';
|
|
77
|
+
exports.LOADED_DATA = LOADED_DATA;
|
|
78
|
+
var RESIZE = 'video-react/RESIZE';
|
|
79
|
+
exports.RESIZE = RESIZE;
|
|
80
|
+
var ERROR = 'video-react/ERROR';
|
|
81
|
+
exports.ERROR = ERROR;
|
|
57
82
|
function handleLoadStart(videoProps) {
|
|
58
83
|
return {
|
|
59
84
|
type: LOAD_START,
|
|
60
85
|
videoProps: videoProps
|
|
61
86
|
};
|
|
62
87
|
}
|
|
63
|
-
|
|
64
88
|
function handleCanPlay(videoProps) {
|
|
65
89
|
return {
|
|
66
90
|
type: CAN_PLAY,
|
|
67
91
|
videoProps: videoProps
|
|
68
92
|
};
|
|
69
93
|
}
|
|
70
|
-
|
|
71
94
|
function handleWaiting(videoProps) {
|
|
72
95
|
return {
|
|
73
96
|
type: WAITING,
|
|
74
97
|
videoProps: videoProps
|
|
75
98
|
};
|
|
76
99
|
}
|
|
77
|
-
|
|
78
100
|
function handleCanPlayThrough(videoProps) {
|
|
79
101
|
return {
|
|
80
102
|
type: CAN_PLAY_THROUGH,
|
|
81
103
|
videoProps: videoProps
|
|
82
104
|
};
|
|
83
105
|
}
|
|
84
|
-
|
|
85
106
|
function handlePlaying(videoProps) {
|
|
86
107
|
return {
|
|
87
108
|
type: PLAYING,
|
|
88
109
|
videoProps: videoProps
|
|
89
110
|
};
|
|
90
111
|
}
|
|
91
|
-
|
|
92
112
|
function handlePlay(videoProps) {
|
|
93
113
|
return {
|
|
94
114
|
type: PLAY,
|
|
95
115
|
videoProps: videoProps
|
|
96
116
|
};
|
|
97
117
|
}
|
|
98
|
-
|
|
99
118
|
function handlePause(videoProps) {
|
|
100
119
|
return {
|
|
101
120
|
type: PAUSE,
|
|
102
121
|
videoProps: videoProps
|
|
103
122
|
};
|
|
104
123
|
}
|
|
105
|
-
|
|
106
124
|
function handleEnd(videoProps) {
|
|
107
125
|
return {
|
|
108
126
|
type: END,
|
|
109
127
|
videoProps: videoProps
|
|
110
128
|
};
|
|
111
129
|
}
|
|
112
|
-
|
|
113
130
|
function handleSeeking(videoProps) {
|
|
114
131
|
return {
|
|
115
132
|
type: SEEKING,
|
|
116
133
|
videoProps: videoProps
|
|
117
134
|
};
|
|
118
135
|
}
|
|
119
|
-
|
|
120
136
|
function handleSeeked(videoProps) {
|
|
121
137
|
return {
|
|
122
138
|
type: SEEKED,
|
|
123
139
|
videoProps: videoProps
|
|
124
140
|
};
|
|
125
141
|
}
|
|
126
|
-
|
|
127
142
|
function handleDurationChange(videoProps) {
|
|
128
143
|
return {
|
|
129
144
|
type: DURATION_CHANGE,
|
|
130
145
|
videoProps: videoProps
|
|
131
146
|
};
|
|
132
147
|
}
|
|
133
|
-
|
|
134
148
|
function handleTimeUpdate(videoProps) {
|
|
135
149
|
return {
|
|
136
150
|
type: TIME_UPDATE,
|
|
137
151
|
videoProps: videoProps
|
|
138
152
|
};
|
|
139
153
|
}
|
|
140
|
-
|
|
141
154
|
function handleVolumeChange(videoProps) {
|
|
142
155
|
return {
|
|
143
156
|
type: VOLUME_CHANGE,
|
|
144
157
|
videoProps: videoProps
|
|
145
158
|
};
|
|
146
159
|
}
|
|
147
|
-
|
|
148
160
|
function handleProgressChange(videoProps) {
|
|
149
161
|
return {
|
|
150
162
|
type: PROGRESS_CHANGE,
|
|
151
163
|
videoProps: videoProps
|
|
152
164
|
};
|
|
153
165
|
}
|
|
154
|
-
|
|
155
166
|
function handleRateChange(videoProps) {
|
|
156
167
|
return {
|
|
157
168
|
type: RATE_CHANGE,
|
|
158
169
|
videoProps: videoProps
|
|
159
170
|
};
|
|
160
171
|
}
|
|
161
|
-
|
|
162
172
|
function handleSuspend(videoProps) {
|
|
163
173
|
return {
|
|
164
174
|
type: SUSPEND,
|
|
165
175
|
videoProps: videoProps
|
|
166
176
|
};
|
|
167
177
|
}
|
|
168
|
-
|
|
169
178
|
function handleAbort(videoProps) {
|
|
170
179
|
return {
|
|
171
180
|
type: ABORT,
|
|
172
181
|
videoProps: videoProps
|
|
173
182
|
};
|
|
174
183
|
}
|
|
175
|
-
|
|
176
184
|
function handleEmptied(videoProps) {
|
|
177
185
|
return {
|
|
178
186
|
type: EMPTIED,
|
|
179
187
|
videoProps: videoProps
|
|
180
188
|
};
|
|
181
189
|
}
|
|
182
|
-
|
|
183
190
|
function handleStalled(videoProps) {
|
|
184
191
|
return {
|
|
185
192
|
type: STALLED,
|
|
186
193
|
videoProps: videoProps
|
|
187
194
|
};
|
|
188
195
|
}
|
|
189
|
-
|
|
190
196
|
function handleLoadedMetaData(videoProps) {
|
|
191
197
|
return {
|
|
192
198
|
type: LOADED_META_DATA,
|
|
193
199
|
videoProps: videoProps
|
|
194
200
|
};
|
|
195
201
|
}
|
|
196
|
-
|
|
197
202
|
function handleLoadedData(videoProps) {
|
|
198
203
|
return {
|
|
199
204
|
type: LOADED_DATA,
|
|
200
205
|
videoProps: videoProps
|
|
201
206
|
};
|
|
202
207
|
}
|
|
203
|
-
|
|
204
208
|
function handleResize(videoProps) {
|
|
205
209
|
return {
|
|
206
210
|
type: RESIZE,
|
|
207
211
|
videoProps: videoProps
|
|
208
212
|
};
|
|
209
213
|
}
|
|
210
|
-
|
|
211
214
|
function handleError(videoProps) {
|
|
212
215
|
return {
|
|
213
216
|
type: ERROR,
|
|
214
217
|
videoProps: videoProps
|
|
215
218
|
};
|
|
216
219
|
}
|
|
217
|
-
|
|
218
220
|
function handleSeekingTime(time) {
|
|
219
221
|
return {
|
|
220
222
|
type: SEEKING_TIME,
|
|
221
223
|
time: time
|
|
222
224
|
};
|
|
223
225
|
}
|
|
224
|
-
|
|
225
226
|
function handleEndSeeking(time) {
|
|
226
227
|
return {
|
|
227
228
|
type: END_SEEKING,
|
package/colors.js
CHANGED
|
@@ -1,8 +1,9 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
+
exports["default"] = void 0;
|
|
6
7
|
var colors = {
|
|
7
8
|
common: {
|
|
8
9
|
base: {
|
|
@@ -10,22 +11,22 @@ var colors = {
|
|
|
10
11
|
black: '#000000',
|
|
11
12
|
dark: '#303f51',
|
|
12
13
|
light: '#FFF',
|
|
13
|
-
default: '#f5f5f5',
|
|
14
|
+
"default": '#f5f5f5',
|
|
14
15
|
transparent: '#0000004D'
|
|
15
16
|
},
|
|
16
17
|
text: {
|
|
17
|
-
default: '#212121',
|
|
18
|
+
"default": '#212121',
|
|
18
19
|
inputs: '#555',
|
|
19
20
|
secondary: '#757575',
|
|
20
21
|
subtle: '#BDBDBD',
|
|
21
22
|
error: '#FF0000'
|
|
22
23
|
},
|
|
23
|
-
break: {
|
|
24
|
+
"break": {
|
|
24
25
|
border: '#dddddd',
|
|
25
26
|
text: '#666666'
|
|
26
27
|
},
|
|
27
28
|
icon: {
|
|
28
|
-
default: '#FFFFFF'
|
|
29
|
+
"default": '#FFFFFF'
|
|
29
30
|
},
|
|
30
31
|
input: {
|
|
31
32
|
background: '#FFF',
|
|
@@ -56,7 +57,7 @@ var colors = {
|
|
|
56
57
|
shadowDisabled: 'rgba(0,0,0,0.0)'
|
|
57
58
|
},
|
|
58
59
|
video: {
|
|
59
|
-
default: {
|
|
60
|
+
"default": {
|
|
60
61
|
base: '#00cec6',
|
|
61
62
|
buttonGradient: 'linear-gradient(to right, #00c8e799, #00e6b999)'
|
|
62
63
|
},
|
|
@@ -109,7 +110,7 @@ var colors = {
|
|
|
109
110
|
dark: {
|
|
110
111
|
base: '#121d29',
|
|
111
112
|
status: {
|
|
112
|
-
default: {
|
|
113
|
+
"default": {
|
|
113
114
|
background: '#303D55',
|
|
114
115
|
text: '#FFFFFF'
|
|
115
116
|
},
|
|
@@ -174,7 +175,7 @@ var colors = {
|
|
|
174
175
|
}
|
|
175
176
|
},
|
|
176
177
|
button: {
|
|
177
|
-
default: {
|
|
178
|
+
"default": {
|
|
178
179
|
background: '#F1F1F1',
|
|
179
180
|
backgroundHover: '#56BFBA',
|
|
180
181
|
backgroundFocus: '#56BFBA',
|
|
@@ -273,7 +274,7 @@ var colors = {
|
|
|
273
274
|
light: {
|
|
274
275
|
base: '#ffffff',
|
|
275
276
|
status: {
|
|
276
|
-
default: {
|
|
277
|
+
"default": {
|
|
277
278
|
background: '#F5F5F5',
|
|
278
279
|
text: '#FFFFFF'
|
|
279
280
|
},
|
|
@@ -321,7 +322,7 @@ var colors = {
|
|
|
321
322
|
}
|
|
322
323
|
},
|
|
323
324
|
button: {
|
|
324
|
-
default: {
|
|
325
|
+
"default": {
|
|
325
326
|
background: '#ffffff',
|
|
326
327
|
backgroundHover: '#33D7CE',
|
|
327
328
|
text: '#666666',
|
|
@@ -430,7 +431,6 @@ var colors = {
|
|
|
430
431
|
monthChangeIconBackground: '#eeeeee',
|
|
431
432
|
monthChangeIconBackgroundHover: '#31cfc6',
|
|
432
433
|
dayNameColor: '#666666',
|
|
433
|
-
|
|
434
434
|
dayDefaultColor: '#666666',
|
|
435
435
|
dayDisabledColor: '#c1c1c1',
|
|
436
436
|
dayOtherMonthDisabledColor: '#dedede',
|
|
@@ -443,5 +443,5 @@ var colors = {
|
|
|
443
443
|
}
|
|
444
444
|
}
|
|
445
445
|
};
|
|
446
|
-
|
|
447
|
-
exports
|
|
446
|
+
var _default = colors;
|
|
447
|
+
exports["default"] = _default;
|