@micromag/element-video 0.3.583 → 0.3.586
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/es/index.js +9 -4
- package/package.json +4 -4
package/es/index.js
CHANGED
|
@@ -85,7 +85,7 @@ var defaultProps = {
|
|
|
85
85
|
focusable: true,
|
|
86
86
|
withPoster: false,
|
|
87
87
|
withLoading: false,
|
|
88
|
-
qualityStartLevel:
|
|
88
|
+
qualityStartLevel: null
|
|
89
89
|
};
|
|
90
90
|
var Video = function Video(_ref) {
|
|
91
91
|
var media = _ref.media,
|
|
@@ -200,12 +200,12 @@ var Video = function Video(_ref) {
|
|
|
200
200
|
var hls = new Hls({
|
|
201
201
|
maxBufferLength: 15,
|
|
202
202
|
// seconds. prevents loading too much per screen.
|
|
203
|
-
startLevel: qualityStartLevel
|
|
203
|
+
startLevel: qualityStartLevel !== null ? qualityStartLevel : -1
|
|
204
204
|
});
|
|
205
205
|
hls.on(Hls.Events.LEVEL_SWITCHED, function (_, _ref5) {
|
|
206
206
|
var level = _ref5.level;
|
|
207
207
|
if (onQualityLevelChange !== null) {
|
|
208
|
-
onQualityLevelChange(level);
|
|
208
|
+
onQualityLevelChange(level, _ref16.current);
|
|
209
209
|
}
|
|
210
210
|
});
|
|
211
211
|
hls.on(Hls.Events.ERROR, function (_, _ref6) {
|
|
@@ -268,7 +268,12 @@ var Video = function Video(_ref) {
|
|
|
268
268
|
// handle changes of qualityStartLevel when an hls.js instance exists
|
|
269
269
|
useEffect(function () {
|
|
270
270
|
if (hlsJs !== null) {
|
|
271
|
-
|
|
271
|
+
var qualityLevel = qualityStartLevel !== null ? qualityStartLevel : -1;
|
|
272
|
+
hlsJs.startLevel = qualityLevel;
|
|
273
|
+
if (_ref16.current !== null && _ref16.current.paused) {
|
|
274
|
+
hlsJs.currentLevel = qualityLevel;
|
|
275
|
+
hlsJs.nextLevel = -1; // force auto quality selection for the next fragment
|
|
276
|
+
}
|
|
272
277
|
}
|
|
273
278
|
}, [qualityStartLevel]);
|
|
274
279
|
var sourceFiles = useMemo(function () {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@micromag/element-video",
|
|
3
|
-
"version": "0.3.
|
|
3
|
+
"version": "0.3.586",
|
|
4
4
|
"private": false,
|
|
5
5
|
"description": "",
|
|
6
6
|
"keywords": [
|
|
@@ -59,8 +59,8 @@
|
|
|
59
59
|
},
|
|
60
60
|
"dependencies": {
|
|
61
61
|
"@babel/runtime": "^7.13.10",
|
|
62
|
-
"@micromag/core": "^0.3.
|
|
63
|
-
"@micromag/element-closed-captions": "^0.3.
|
|
62
|
+
"@micromag/core": "^0.3.585",
|
|
63
|
+
"@micromag/element-closed-captions": "^0.3.585",
|
|
64
64
|
"classnames": "^2.2.6",
|
|
65
65
|
"hls.js": "^1.5.15",
|
|
66
66
|
"lodash": "^4.17.21",
|
|
@@ -72,5 +72,5 @@
|
|
|
72
72
|
"access": "public",
|
|
73
73
|
"registry": "https://registry.npmjs.org/"
|
|
74
74
|
},
|
|
75
|
-
"gitHead": "
|
|
75
|
+
"gitHead": "01ad8835ef5788321e2c2a0f2d6400731de0fe45"
|
|
76
76
|
}
|