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