@micromag/element-video 0.3.585 → 0.3.587

package/es/index.js

@@ -64,7 +64,7 @@ var defaultProps = {
   playsInline: true,
   preload: 'auto',
   disablePictureInPicture: true,
-  disableHls: false,
+  disableHls: true,
   shouldLoad: true,
   withoutCors: false,
   className: null,
@@ -196,60 +196,60 @@ var Video = function Video(_ref) {
   useEffect(function () {
     setHlsTsOffset(0);
     setHlsFailed(false);
-    if (shouldLoad && _ref16.current !== null && hlsSources !== null && hlsSources.length > 0) {
-      var hls = new Hls({
-        maxBufferLength: 15,
-        // seconds. prevents loading too much per screen.
-        startLevel: qualityStartLevel !== null ? qualityStartLevel : -1
-      });
-      hls.on(Hls.Events.LEVEL_SWITCHED, function (_, _ref5) {
-        var level = _ref5.level;
-        if (onQualityLevelChange !== null) {
-          onQualityLevelChange(level, _ref16.current);
-        }
-      });
-      hls.on(Hls.Events.ERROR, function (_, _ref6) {
-        var isFatal = _ref6.fatal,
-          errorType = _ref6.type;
-        if (isFatal) {
-          switch (errorType) {
-            case Hls.ErrorTypes.MEDIA_ERROR:
-              // automatically try to recover from media errors
-              hls.recoverMediaError();
-              break;
-            case Hls.ErrorTypes.NETWORK_ERROR:
-              // happens when all retries and media options have been exhausted. in that case, fallback to mp4/webm playback
-              setHlsJs(null);
-              setHlsFailed(true);
-              break;
-          }
-        }
-      });
-
-      // compute hls timestamp offset when we get the first video fragment
-      var _onHlsBufferAppended = function onHlsBufferAppended(_, _ref7) {
-        var frag = _ref7.frag;
-        var fragStart = frag.start,
-          fragType = frag.type,
-          _frag$sn = frag.sn,
-          fragSn = _frag$sn === void 0 ? null : _frag$sn,
-          _frag$elementaryStrea = frag.elementaryStreams.video,
-          videoStream = _frag$elementaryStrea === void 0 ? null : _frag$elementaryStrea;
-        var _ref8 = videoStream || {},
-          _ref8$startPTS = _ref8.startPTS,
-          videoStartPTS = _ref8$startPTS === void 0 ? null : _ref8$startPTS;
-        if (fragType === 'main' && fragSn !== 'initSegment' && videoStartPTS !== null) {
-          var tOffset = videoStartPTS - fragStart;
-          hls.off(Hls.Events.BUFFER_APPENDED, _onHlsBufferAppended);
-          setHlsTsOffset(tOffset);
-        }
-      };
-      hls.on(Hls.Events.BUFFER_APPENDED, _onHlsBufferAppended);
-      hls.loadSource(hlsSources[0].url);
-      setHlsJs(hls);
-    } else {
+    if (!shouldLoad || _ref16.current === null || hlsSources === null || hlsSources.length === 0) {
       setHlsJs(null);
+      return;
     }
+    var hls = new Hls({
+      maxBufferLength: 15,
+      // seconds. prevents loading too much per screen.
+      startLevel: qualityStartLevel !== null ? qualityStartLevel : -1
+    });
+    hls.on(Hls.Events.LEVEL_SWITCHED, function (_, _ref5) {
+      var level = _ref5.level;
+      if (onQualityLevelChange !== null) {
+        onQualityLevelChange(level, _ref16.current);
+      }
+    });
+    hls.on(Hls.Events.ERROR, function (_, _ref6) {
+      var isFatal = _ref6.fatal,
+        errorType = _ref6.type;
+      if (isFatal) {
+        switch (errorType) {
+          case Hls.ErrorTypes.MEDIA_ERROR:
+            // automatically try to recover from media errors
+            hls.recoverMediaError();
+            break;
+          case Hls.ErrorTypes.NETWORK_ERROR:
+            // happens when all retries and media options have been exhausted. in that case, fallback to mp4/webm playback
+            setHlsJs(null);
+            setHlsFailed(true);
+            break;
+        }
+      }
+    });
+
+    // compute hls timestamp offset when we get the first video fragment
+    var _onHlsBufferAppended = function onHlsBufferAppended(_, _ref7) {
+      var frag = _ref7.frag;
+      var fragStart = frag.start,
+        fragType = frag.type,
+        _frag$sn = frag.sn,
+        fragSn = _frag$sn === void 0 ? null : _frag$sn,
+        _frag$elementaryStrea = frag.elementaryStreams.video,
+        videoStream = _frag$elementaryStrea === void 0 ? null : _frag$elementaryStrea;
+      var _ref8 = videoStream || {},
+        _ref8$startPTS = _ref8.startPTS,
+        videoStartPTS = _ref8$startPTS === void 0 ? null : _ref8$startPTS;
+      if (fragType === 'main' && fragSn !== 'initSegment' && videoStartPTS !== null) {
+        var tOffset = videoStartPTS - fragStart;
+        hls.off(Hls.Events.BUFFER_APPENDED, _onHlsBufferAppended);
+        setHlsTsOffset(tOffset);
+      }
+    };
+    hls.on(Hls.Events.BUFFER_APPENDED, _onHlsBufferAppended);
+    hls.loadSource(hlsSources[0].url);
+    setHlsJs(hls);
   }, [shouldLoad, hlsSources, _ref16]);
 
   // attach hls.js when the <video> ref is ready
@@ -272,6 +272,7 @@ var Video = function Video(_ref) {
       hlsJs.startLevel = qualityLevel;
       if (_ref16.current !== null && _ref16.current.paused) {
         hlsJs.currentLevel = qualityLevel;
+        hlsJs.nextLevel = -1; // force auto quality selection for the next fragment
       }
     }
   }, [qualityStartLevel]);

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/element-video",
-    "version": "0.3.585",
+    "version": "0.3.587",
     "private": false,
     "description": "",
     "keywords": [
@@ -72,5 +72,5 @@
         "access": "public",
         "registry": "https://registry.npmjs.org/"
     },
-    "gitHead": "f8c2902ea472fcb2d1cdd3fe5d6054afd0cc766b"
+    "gitHead": "40d2d37e166b6677fc19aaf4aefaadb768b0fd4f"
 }