@desynova-digital/player 3.13.1 → 3.13.2
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/actions/player.js +1 -10
- package/components/Video.js +16 -20
- package/package.json +1 -1
- package/reducers/player.js +0 -7
package/actions/player.js
CHANGED
|
@@ -3,13 +3,12 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
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.
|
|
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;
|
|
7
7
|
exports.activate = activate;
|
|
8
8
|
exports.changeRate = changeRate;
|
|
9
9
|
exports.changeVolume = changeVolume;
|
|
10
10
|
exports.forward = forward;
|
|
11
11
|
exports.handleAudioTrackChange = handleAudioTrackChange;
|
|
12
|
-
exports.handleAudioTrackChangeAndUpdateTrackSelection = handleAudioTrackChangeAndUpdateTrackSelection;
|
|
13
12
|
exports.handleAudioTracks = handleAudioTracks;
|
|
14
13
|
exports.handleControlType = handleControlType;
|
|
15
14
|
exports.handleFullscreenChange = handleFullscreenChange;
|
|
@@ -60,8 +59,6 @@ var AUDIO_TRACKS = 'video-react/AUDIO_TRACKS';
|
|
|
60
59
|
exports.AUDIO_TRACKS = AUDIO_TRACKS;
|
|
61
60
|
var ACTIVE_AUDIO_TRACK = 'video-react/ACTIVE_AUDIO_TRACK';
|
|
62
61
|
exports.ACTIVE_AUDIO_TRACK = ACTIVE_AUDIO_TRACK;
|
|
63
|
-
var AUDIO_TRACKS_AND_ACTIVE_AUDIO_TRACK = 'video-react/AUDIO_TRACKS_AND_ACTIVE_AUDIO_TRACK';
|
|
64
|
-
exports.AUDIO_TRACKS_AND_ACTIVE_AUDIO_TRACK = AUDIO_TRACKS_AND_ACTIVE_AUDIO_TRACK;
|
|
65
62
|
function handleFullscreenChange(isFullscreen) {
|
|
66
63
|
return {
|
|
67
64
|
type: FULLSCREEN_CHANGE,
|
|
@@ -344,10 +341,4 @@ function handleSDBorderChange(SDBorderActive) {
|
|
|
344
341
|
SDBorderActive: SDBorderActive
|
|
345
342
|
};
|
|
346
343
|
return data;
|
|
347
|
-
}
|
|
348
|
-
function handleAudioTrackChangeAndUpdateTrackSelection(trackObj) {
|
|
349
|
-
return {
|
|
350
|
-
type: AUDIO_TRACKS_AND_ACTIVE_AUDIO_TRACK,
|
|
351
|
-
trackObj: trackObj
|
|
352
|
-
};
|
|
353
344
|
}
|
package/components/Video.js
CHANGED
|
@@ -8,7 +8,7 @@ exports["default"] = void 0;
|
|
|
8
8
|
var _propTypes = require("prop-types");
|
|
9
9
|
var _react = _interopRequireWildcard(require("react"));
|
|
10
10
|
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
11
|
-
var
|
|
11
|
+
var _hls2 = _interopRequireDefault(require("hls.js"));
|
|
12
12
|
var _Manager = _interopRequireDefault(require("../Manager"));
|
|
13
13
|
var _utils = require("../utils");
|
|
14
14
|
var _BigPlayButton = _interopRequireDefault(require("./BigPlayButton"));
|
|
@@ -172,10 +172,10 @@ var Video = /*#__PURE__*/function (_Component) {
|
|
|
172
172
|
this.setState({
|
|
173
173
|
isM3U8: isM3U8
|
|
174
174
|
});
|
|
175
|
-
if (
|
|
175
|
+
if (_hls2["default"].isSupported() && isM3U8) {
|
|
176
176
|
var _this$manager$getStat = this.manager.getState(),
|
|
177
177
|
HLSConfig = _this$manager$getStat.player.HLSConfig;
|
|
178
|
-
this.hls = new
|
|
178
|
+
this.hls = new _hls2["default"](HLSConfig);
|
|
179
179
|
this.setupHLS(src);
|
|
180
180
|
} else {
|
|
181
181
|
this.video.src = src;
|
|
@@ -192,7 +192,7 @@ var Video = /*#__PURE__*/function (_Component) {
|
|
|
192
192
|
var _this$state = this.state,
|
|
193
193
|
isM3U8 = _this$state.isM3U8,
|
|
194
194
|
watermarkInterval = _this$state.watermarkInterval;
|
|
195
|
-
if (
|
|
195
|
+
if (_hls2["default"].isSupported() && isM3U8) {
|
|
196
196
|
this.hls.detachMedia();
|
|
197
197
|
} else {
|
|
198
198
|
this.video.src = '';
|
|
@@ -248,30 +248,26 @@ var Video = /*#__PURE__*/function (_Component) {
|
|
|
248
248
|
var self = this;
|
|
249
249
|
// bind them together
|
|
250
250
|
this.hls.attachMedia(this.video);
|
|
251
|
-
this.hls.on(
|
|
251
|
+
this.hls.on(_hls2["default"].Events.MEDIA_ATTACHED, function () {
|
|
252
252
|
self.hls.loadSource(src);
|
|
253
253
|
});
|
|
254
|
-
this.hls.on(
|
|
254
|
+
this.hls.on(_hls2["default"].Events.MANIFEST_PARSED, function (event, data) {
|
|
255
|
+
actions.handleAudioTracks(data.audioTracks);
|
|
256
|
+
});
|
|
257
|
+
this.hls.on(_hls["default"].Events.AUDIO_TRACK_LOADED, function (event, data) {
|
|
255
258
|
var trackIndex = activeTrackIndex || 0;
|
|
256
|
-
|
|
257
|
-
audioTracks: data.audioTracks,
|
|
258
|
-
audioTrack: data.audioTracks[trackIndex]
|
|
259
|
-
};
|
|
260
|
-
actions.handleAudioTrackChangeAndUpdateTrackSelection(dataObj);
|
|
261
|
-
// actions.handleAudioTracks(data.audioTracks);
|
|
262
|
-
// actions.handleAudioTrackChange(data.audioTracks[trackIndex]);
|
|
259
|
+
actions.handleAudioTrackChange(self.props.player.audioTracksArr[trackIndex]);
|
|
263
260
|
});
|
|
264
|
-
|
|
265
|
-
this.hls.on(_hls["default"].Events.ERROR, function (event, data) {
|
|
261
|
+
this.hls.on(_hls2["default"].Events.ERROR, function (event, data) {
|
|
266
262
|
// eslint-disable-next-line no-console
|
|
267
263
|
console.log('HLS.Events.ERROR: ', event, data);
|
|
268
264
|
if (data.fatal) {
|
|
269
265
|
switch (data.type) {
|
|
270
|
-
case
|
|
266
|
+
case _hls2["default"].ErrorTypes.NETWORK_ERROR:
|
|
271
267
|
// try to recover network error
|
|
272
268
|
_this2.hls.startLoad();
|
|
273
269
|
break;
|
|
274
|
-
case
|
|
270
|
+
case _hls2["default"].ErrorTypes.MEDIA_ERROR:
|
|
275
271
|
_this2.hls.recoverMediaError();
|
|
276
272
|
break;
|
|
277
273
|
default:
|
|
@@ -446,7 +442,7 @@ var Video = /*#__PURE__*/function (_Component) {
|
|
|
446
442
|
markers = _this$props4.markers;
|
|
447
443
|
if (newProps.src !== src) {
|
|
448
444
|
var isM3U8 = this.state.isM3U8;
|
|
449
|
-
if (
|
|
445
|
+
if (_hls2["default"].isSupported() && isM3U8) {
|
|
450
446
|
this.hls.detachMedia();
|
|
451
447
|
} else {
|
|
452
448
|
this.video.src = '';
|
|
@@ -455,10 +451,10 @@ var Video = /*#__PURE__*/function (_Component) {
|
|
|
455
451
|
this.setState({
|
|
456
452
|
isM3U8: m3u8
|
|
457
453
|
});
|
|
458
|
-
if (
|
|
454
|
+
if (_hls2["default"].isSupported() && m3u8) {
|
|
459
455
|
var _this$manager$getStat3 = this.manager.getState(),
|
|
460
456
|
HLSConfig = _this$manager$getStat3.player.HLSConfig;
|
|
461
|
-
this.hls = new
|
|
457
|
+
this.hls = new _hls2["default"](HLSConfig);
|
|
462
458
|
this.setupHLS(newProps.src);
|
|
463
459
|
} else {
|
|
464
460
|
this.video.src = newProps.src;
|
package/package.json
CHANGED
package/reducers/player.js
CHANGED
|
@@ -216,13 +216,6 @@ function player() {
|
|
|
216
216
|
}
|
|
217
217
|
return newState;
|
|
218
218
|
}
|
|
219
|
-
case _player.AUDIO_TRACKS_AND_ACTIVE_AUDIO_TRACK:
|
|
220
|
-
{
|
|
221
|
-
return _objectSpread(_objectSpread({}, state), {}, {
|
|
222
|
-
audioTracksArr: action.trackObj.audioTracks,
|
|
223
|
-
activeAudio: action.trackObj.audioTrack || state.track || 0
|
|
224
|
-
});
|
|
225
|
-
}
|
|
226
219
|
default:
|
|
227
220
|
return state;
|
|
228
221
|
}
|