@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/actions/video.js CHANGED
@@ -1,227 +1,228 @@
1
- 'use strict';
1
+ "use strict";
2
2
 
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.handleLoadStart = handleLoadStart;
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.handleStalled = handleStalled;
25
- exports.handleLoadedMetaData = handleLoadedMetaData;
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.handleError = handleError;
24
+ exports.handleSeeked = handleSeeked;
25
+ exports.handleSeeking = handleSeeking;
29
26
  exports.handleSeekingTime = handleSeekingTime;
30
- exports.handleEndSeeking = handleEndSeeking;
31
- var LOAD_START = exports.LOAD_START = 'video-react/LOAD_START';
32
- var CAN_PLAY = exports.CAN_PLAY = 'video-react/CAN_PLAY';
33
- var WAITING = exports.WAITING = 'video-react/WAITING';
34
- var CAN_PLAY_THROUGH = exports.CAN_PLAY_THROUGH = 'video-react/CAN_PLAY_THROUGH';
35
- var PLAYING = exports.PLAYING = 'video-react/PLAYING';
36
- var PLAY = exports.PLAY = 'video-react/PLAY';
37
- var PAUSE = exports.PAUSE = 'video-react/PAUSE';
38
- var END = exports.END = 'video-react/END';
39
- var SEEKING = exports.SEEKING = 'video-react/SEEKING';
40
- var SEEKED = exports.SEEKED = 'video-react/SEEKED';
41
- var SEEKING_TIME = exports.SEEKING_TIME = 'video-react/SEEKING_TIME';
42
- var END_SEEKING = exports.END_SEEKING = 'video-react/END_SEEKING';
43
- var DURATION_CHANGE = exports.DURATION_CHANGE = 'video-react/DURATION_CHANGE';
44
- var TIME_UPDATE = exports.TIME_UPDATE = 'video-react/TIME_UPDATE';
45
- var VOLUME_CHANGE = exports.VOLUME_CHANGE = 'video-react/VOLUME_CHANGE';
46
- var PROGRESS_CHANGE = exports.PROGRESS_CHANGE = 'video-react/PROGRESS_CHANGE';
47
- var RATE_CHANGE = exports.RATE_CHANGE = 'video-react/RATE_CHANGE';
48
- var SUSPEND = exports.SUSPEND = 'video-react/SUSPEND';
49
- var ABORT = exports.ABORT = 'video-react/ABORT';
50
- var EMPTIED = exports.EMPTIED = 'video-react/EMPTIED';
51
- var STALLED = exports.STALLED = 'video-react/STALLED';
52
- var LOADED_META_DATA = exports.LOADED_META_DATA = 'video-react/LOADED_META_DATA';
53
- var LOADED_DATA = exports.LOADED_DATA = 'video-react/LOADED_DATA';
54
- var RESIZE = exports.RESIZE = 'video-react/RESIZE';
55
- var ERROR = exports.ERROR = 'video-react/ERROR';
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
- 'use strict';
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.default = colors;
446
+ var _default = colors;
447
+ exports["default"] = _default;