@desynova-digital/player 3.13.0 → 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/components/Video.js +16 -14
- package/package.json +1 -1
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,24 +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(
|
|
255
|
-
var trackIndex = activeTrackIndex || 0;
|
|
254
|
+
this.hls.on(_hls2["default"].Events.MANIFEST_PARSED, function (event, data) {
|
|
256
255
|
actions.handleAudioTracks(data.audioTracks);
|
|
257
|
-
actions.handleAudioTrackChange(data.audioTracks[trackIndex]);
|
|
258
256
|
});
|
|
259
|
-
this.hls.on(_hls["default"].Events.
|
|
257
|
+
this.hls.on(_hls["default"].Events.AUDIO_TRACK_LOADED, function (event, data) {
|
|
258
|
+
var trackIndex = activeTrackIndex || 0;
|
|
259
|
+
actions.handleAudioTrackChange(self.props.player.audioTracksArr[trackIndex]);
|
|
260
|
+
});
|
|
261
|
+
this.hls.on(_hls2["default"].Events.ERROR, function (event, data) {
|
|
260
262
|
// eslint-disable-next-line no-console
|
|
261
263
|
console.log('HLS.Events.ERROR: ', event, data);
|
|
262
264
|
if (data.fatal) {
|
|
263
265
|
switch (data.type) {
|
|
264
|
-
case
|
|
266
|
+
case _hls2["default"].ErrorTypes.NETWORK_ERROR:
|
|
265
267
|
// try to recover network error
|
|
266
268
|
_this2.hls.startLoad();
|
|
267
269
|
break;
|
|
268
|
-
case
|
|
270
|
+
case _hls2["default"].ErrorTypes.MEDIA_ERROR:
|
|
269
271
|
_this2.hls.recoverMediaError();
|
|
270
272
|
break;
|
|
271
273
|
default:
|
|
@@ -440,7 +442,7 @@ var Video = /*#__PURE__*/function (_Component) {
|
|
|
440
442
|
markers = _this$props4.markers;
|
|
441
443
|
if (newProps.src !== src) {
|
|
442
444
|
var isM3U8 = this.state.isM3U8;
|
|
443
|
-
if (
|
|
445
|
+
if (_hls2["default"].isSupported() && isM3U8) {
|
|
444
446
|
this.hls.detachMedia();
|
|
445
447
|
} else {
|
|
446
448
|
this.video.src = '';
|
|
@@ -449,10 +451,10 @@ var Video = /*#__PURE__*/function (_Component) {
|
|
|
449
451
|
this.setState({
|
|
450
452
|
isM3U8: m3u8
|
|
451
453
|
});
|
|
452
|
-
if (
|
|
454
|
+
if (_hls2["default"].isSupported() && m3u8) {
|
|
453
455
|
var _this$manager$getStat3 = this.manager.getState(),
|
|
454
456
|
HLSConfig = _this$manager$getStat3.player.HLSConfig;
|
|
455
|
-
this.hls = new
|
|
457
|
+
this.hls = new _hls2["default"](HLSConfig);
|
|
456
458
|
this.setupHLS(newProps.src);
|
|
457
459
|
} else {
|
|
458
460
|
this.video.src = newProps.src;
|