react-player - npm Package Compare versions

Comparing version 2.3.1 to 2.4.0

lazy/players/FilePlayer.js

@@ -50,2 +50,4 @@ "use strict";
 var MATCH_DROPBOX_URL = /www\.dropbox\.com\/.+/;
+var MATCH_CLOUDFLARE_STREAM = /https:\/\/watch\.cloudflarestream\.com\/([a-z0-9]+)/;
+var REPLACE_CLOUDFLARE_STREAM = 'https://videodelivery.net/{id}/manifest/video.m3u8';
 
@@ -263,3 +265,11 @@ var FilePlayer = /*#__PURE__*/function (_Component) {
     value: function shouldUseHLS(url) {
-      return _patterns.HLS_EXTENSIONS.test(url) && !IOS || this.props.config.forceHLS;
+      if (this.props.config.forceHLS) {
+        return true;
+      }
+
+      if (IOS) {
+        return false;
+      }
+
+      return _patterns.HLS_EXTENSIONS.test(url) || MATCH_CLOUDFLARE_STREAM.test(url);
     }
@@ -297,4 +307,11 @@ }, {
 
-          _this2.hls.loadSource(url);
+          if (MATCH_CLOUDFLARE_STREAM.test(url)) {
+            var id = url.match(MATCH_CLOUDFLARE_STREAM)[1];
+            console.log(REPLACE_CLOUDFLARE_STREAM.replace('{id}', id));
 
+            _this2.hls.loadSource(REPLACE_CLOUDFLARE_STREAM.replace('{id}', id));
+          } else {
+            _this2.hls.loadSource(url);
+          }
+
           _this2.hls.attachMedia(_this2.player);
@@ -301,0 +318,0 @@ });

lazy/players/Wistia.js

@@ -131,3 +131,10 @@ "use strict";
             muted: muted,
-            controlsVisibleOnLoad: controls
+            controlsVisibleOnLoad: controls,
+            fullscreenButton: controls,
+            playbar: controls,
+            playbackRateControl: controls,
+            qualityControl: controls,
+            volumeControl: controls,
+            settingsControl: controls,
+            smallPlayButton: controls
           }, config.options),
@@ -134,0 +141,0 @@ onReady: function onReady(player) {

lazy/props.js

@@ -72,3 +72,4 @@ "use strict";
     wistia: shape({
-      options: object
+      options: object,
+      playerId: string
     }),
@@ -174,3 +175,4 @@ mixcloud: shape({
     wistia: {
-      options: {}
+      options: {},
+      playerId: null
     },
@@ -177,0 +179,0 @@ mixcloud: {

lib/players/FilePlayer.js

@@ -50,2 +50,4 @@ "use strict";
 var MATCH_DROPBOX_URL = /www\.dropbox\.com\/.+/;
+var MATCH_CLOUDFLARE_STREAM = /https:\/\/watch\.cloudflarestream\.com\/([a-z0-9]+)/;
+var REPLACE_CLOUDFLARE_STREAM = 'https://videodelivery.net/{id}/manifest/video.m3u8';
 
@@ -263,3 +265,11 @@ var FilePlayer = /*#__PURE__*/function (_Component) {
     value: function shouldUseHLS(url) {
-      return _patterns.HLS_EXTENSIONS.test(url) && !IOS || this.props.config.forceHLS;
+      if (this.props.config.forceHLS) {
+        return true;
+      }
+
+      if (IOS) {
+        return false;
+      }
+
+      return _patterns.HLS_EXTENSIONS.test(url) || MATCH_CLOUDFLARE_STREAM.test(url);
     }
@@ -297,4 +307,11 @@ }, {
 
-          _this2.hls.loadSource(url);
+          if (MATCH_CLOUDFLARE_STREAM.test(url)) {
+            var id = url.match(MATCH_CLOUDFLARE_STREAM)[1];
+            console.log(REPLACE_CLOUDFLARE_STREAM.replace('{id}', id));
 
+            _this2.hls.loadSource(REPLACE_CLOUDFLARE_STREAM.replace('{id}', id));
+          } else {
+            _this2.hls.loadSource(url);
+          }
+
           _this2.hls.attachMedia(_this2.player);
@@ -301,0 +318,0 @@ });

lib/players/Wistia.js

@@ -131,3 +131,10 @@ "use strict";
             muted: muted,
-            controlsVisibleOnLoad: controls
+            controlsVisibleOnLoad: controls,
+            fullscreenButton: controls,
+            playbar: controls,
+            playbackRateControl: controls,
+            qualityControl: controls,
+            volumeControl: controls,
+            settingsControl: controls,
+            smallPlayButton: controls
           }, config.options),
@@ -134,0 +141,0 @@ onReady: function onReady(player) {

lib/props.js

@@ -72,3 +72,4 @@ "use strict";
     wistia: shape({
-      options: object
+      options: object,
+      playerId: string
     }),
@@ -174,3 +175,4 @@ mixcloud: shape({
     wistia: {
-      options: {}
+      options: {},
+      playerId: null
     },
@@ -177,0 +179,0 @@ mixcloud: {

package.json

 {
   "name": "react-player",
-  "version": "2.3.1",
+  "version": "2.4.0",
   "description": "A React component for playing a variety of URLs, including file paths, YouTube, Facebook, Twitch, SoundCloud, Streamable, Vimeo, Wistia and DailyMotion",
@@ -5,0 +5,0 @@ "main": "lib/index.js",

README.md

@@ -84,3 +84,3 @@ <h1 align='center'>
 `loop` | Set to `true` or `false` to loop the media | `false`
-`controls` | Set to `true` or `false` to display native player controls<br />&nbsp; ◦ &nbsp;Controls cannot be hidden for Wistia videos | `false`
+`controls` | Set to `true` or `false` to display native player controls | `false`
 `light` | Set to `true` to show just the video thumbnail, which loads the full player on click<br />&nbsp; ◦ &nbsp;Pass in an image URL to override the preview image | `false`
@@ -87,0 +87,0 @@ `volume` | Set the volume of the player, between `0` and `1`<br/>&nbsp; ◦ &nbsp;`null` uses default volume on all players [`#357`](https://github.com/CookPete/react-player/issues/357) | `null`

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

1393634

increased by0.41%

Lines of code

8682

increased by0.56%

No dependency changes