@faintlines/video-player - npm Package Compare versions

Comparing version 1.7.0 to 1.8.0

dist/index.js

@@ -744,2 +744,15 @@ import classnames from 'classnames';
 
+var HLS_JS_VERSION = "1.4.5";
+
+// https://github.com/video-dev/hls.js/blob/master/docs/API.md#fine-tuning
+var HLS_OPTIONS = {
+  // Limit levels usable in auto-quality by the HTML video element dimensions (width and height).
+  // If dimensions between multiple levels are equal, the cap is chosen as the level with the greatest bandwidth.
+  capLevelToPlayerSize: true,
+  // If the number of dropped frames over the period config.fpsDroppedMonitoringPeriod (defaults to 5000)
+  // exceeds the ratio set by config.fpsDroppedMonitoringThreshold (defaults to 0.2),
+  // then the quality level is dropped and capped at this lower level.
+  capLevelOnFPSDrop: true
+};
+
 var _excluded = ["url", "hlsUrl", "dashUrl", "fileUrl", "className", "subtitlesClassName", "progressInterval", "playsInline", "startAt", "autoPlay", "preload", "poster", "controlsList", "loopRange", "autoRetry", "enableSubtitles", "onPlay", "onPause", "onProgress", "onLoadedMetadata", "onError", "onRetryAttempt"],
@@ -793,3 +806,3 @@ _excluded2 = ["children"];
           setPlaying(true);
-          return playerRef === null || playerRef === void 0 ? void 0 : (_playerRef$current3 = playerRef.current) === null || _playerRef$current3 === void 0 ? void 0 : (_playerRef$current3$g = _playerRef$current3.getInternalPlayer()) === null || _playerRef$current3$g === void 0 ? void 0 : _playerRef$current3$g.play();
+          return playerRef === null || playerRef === void 0 ? void 0 : (_playerRef$current3 = playerRef.current) === null || _playerRef$current3 === void 0 ? void 0 : (_playerRef$current3$g = _playerRef$current3.getInternalPlayer()) === null || _playerRef$current3$g === void 0 ? void 0 : _playerRef$current3$g.play()["catch"](NOOP);
         },
@@ -866,2 +879,12 @@ pause: function pause() {
   var errorHandler = useCallback(function (evt) {
+    // NotAllowedError means we tried playing the video before the user
+    // interacted with the page (see https://goo.gl/xX8pDD)
+    // Try calling play() in a few more seconds
+    if ((evt === null || evt === void 0 ? void 0 : evt.name) === "NotAllowedError") {
+      setTimeout(function () {
+        var _playerRef$current8, _playerRef$current8$g;
+        return playerRef === null || playerRef === void 0 ? void 0 : (_playerRef$current8 = playerRef.current) === null || _playerRef$current8 === void 0 ? void 0 : (_playerRef$current8$g = _playerRef$current8.getInternalPlayer()) === null || _playerRef$current8$g === void 0 ? void 0 : _playerRef$current8$g.play()["catch"](NOOP);
+      }, 3000);
+      return;
+    }
     if (onError) {
@@ -896,3 +919,3 @@ onError(evt);
   });
-  var isHlsUrl = selectedUrl === ((urlObj === null || urlObj === void 0 ? void 0 : urlObj.hls) || hlsUrl);
+  var isHlsUrl = selectedUrl && selectedUrl === ((urlObj === null || urlObj === void 0 ? void 0 : urlObj.hls) || hlsUrl);
   return /*#__PURE__*/React.createElement(WrapperPropsContext.Provider, {
@@ -908,3 +931,4 @@ value: providerProps
       file: {
-        hlsVersion: "1.0.10",
+        hlsVersion: HLS_JS_VERSION,
+        hlsOptions: HLS_OPTIONS,
         // we force the use of hls.js to make sure it is the one handling the stream
@@ -996,2 +1020,5 @@ // and not the default one, as for example happends in IOS
 }
+function NOOP() {
+  // nothing
+}
 
@@ -1029,3 +1056,3 @@ function VideoPreloaderInner(_ref) {
 
-export { VideoPreloader, VideoPlayer as default, filterVideoUrls, isVideoUrl };
+export { HLS_JS_VERSION, VideoPreloader, VideoPlayer as default, filterVideoUrls, isVideoUrl };
 //# sourceMappingURL=index.js.map

package.json

 {
     "name": "@faintlines/video-player",
-    "version": "1.7.0",
+    "version": "1.8.0",
     "description": "",
@@ -16,3 +16,3 @@ "license": "UNLICENSED",
         "@plussub/srt-vtt-parser": "^1.1.0",
-        "react-player": "^2.9.0"
+        "react-player": "^2.12.0"
     },
@@ -31,3 +31,3 @@ "peerDependencies": {
     },
-    "gitHead": "0afe366841a61a445adf321408bff5339eeb71dc"
+    "gitHead": "8ed3bb1c193063382989a34014c7a74b1208c950"
 }

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

97348

increased by4.1%

Lines of code

1042

increased by2.56%

Dependency changes

• Updatedreact-player@^2.12.0