react-player - npm Package Compare versions

Comparing version 0.18.0 to 0.19.0

CHANGELOG.md

@@ -7,2 +7,10 @@ # Change Log
 
+#### [v0.19.0](https://github.com/CookPete/react-player/compare/v0.18.0...v0.19.0)
+> 13 July 2017
+
+* Detatch HLS media when stopping [`#212`](https://github.com/CookPete/react-player/issues/212)
+* Pass through auto or falsey width and height to FilePlayer [`#211`](https://github.com/CookPete/react-player/issues/211)
+* Only use add-module-exports plugin for bower build [`#193`](https://github.com/CookPete/react-player/issues/193)
+
+
 #### [v0.18.0](https://github.com/CookPete/react-player/compare/v0.17.2...v0.18.0)
@@ -9,0 +17,0 @@ > 9 May 2017

lib/players/Base.js

@@ -153,3 +153,2 @@ 'use strict';
 Base.defaultProps = _props2.defaultProps;
-exports['default'] = Base;
-module.exports = exports['default'];
+exports['default'] = Base;

lib/players/DailyMotion.js

@@ -249,3 +249,2 @@ 'use strict';
 DailyMotion.displayName = 'DailyMotion';
-exports['default'] = DailyMotion;
-module.exports = exports['default'];
+exports['default'] = DailyMotion;

lib/players/Facebook.js

@@ -196,3 +196,2 @@ 'use strict';
   return Math.random().toString(36).substr(2, 5);
-}
-module.exports = exports['default'];
+}

lib/players/FilePlayer.js

@@ -126,5 +126,5 @@ 'use strict';
         loadSDK(HLS_SDK_URL, HLS_GLOBAL).then(function (Hls) {
-          var hls = new Hls();
-          hls.loadSource(url);
-          hls.attachMedia(_this3.player);
+          _this3.hls = new Hls();
+          _this3.hls.loadSource(url);
+          _this3.hls.attachMedia(_this3.player);
         });
@@ -153,2 +153,5 @@ }
       this.player.removeAttribute('src');
+      if (this.hls) {
+        this.hls.detachMedia();
+      }
     }
@@ -199,3 +202,5 @@ }, {
           controls = _props3.controls,
-          fileConfig = _props3.fileConfig;
+          fileConfig = _props3.fileConfig,
+          width = _props3.width,
+          height = _props3.height;
 
@@ -208,4 +213,4 @@ var useAudio = AUDIO_EXTENSIONS.test(url) || fileConfig.forceAudio;
       var style = {
-        width: '100%',
-        height: '100%',
+        width: !width || width === 'auto' ? width : '100%',
+        height: !height || height === 'auto' ? height : '100%',
         display: url ? 'block' : 'none'
@@ -250,3 +255,2 @@ };
   });
-}
-module.exports = exports['default'];
+}

lib/players/SoundCloud.js

@@ -146,3 +146,2 @@ 'use strict';
 SoundCloud.displayName = 'SoundCloud';
-exports['default'] = SoundCloud;
-module.exports = exports['default'];
+exports['default'] = SoundCloud;

lib/players/Streamable.js

@@ -77,3 +77,2 @@ 'use strict';
 Streamable.displayName = 'Streamable';
-exports['default'] = Streamable;
-module.exports = exports['default'];
+exports['default'] = Streamable;

lib/players/Vidme.js

@@ -95,3 +95,2 @@ 'use strict';
 Vidme.displayName = 'Vidme';
-exports['default'] = Vidme;
-module.exports = exports['default'];
+exports['default'] = Vidme;

lib/players/Vimeo.js

@@ -17,4 +17,2 @@ 'use strict';
 
-var _reactDom = require('react-dom');
-
 var _loadScript = require('load-script');
@@ -116,3 +114,3 @@
           _this2.onReady();
-          var iframe = (0, _reactDom.findDOMNode)(_this2).querySelector('iframe');
+          var iframe = _this2.container.querySelector('iframe');
           iframe.style.width = '100%';
@@ -212,3 +210,2 @@ iframe.style.height = '100%';
 Vimeo.displayName = 'Vimeo';
-exports['default'] = Vimeo;
-module.exports = exports['default'];
+exports['default'] = Vimeo;

lib/players/Wistia.js

@@ -52,3 +52,4 @@ 'use strict';
           onPause = _props.onPause,
-          onEnded = _props.onEnded;
+          onEnded = _props.onEnded,
+          wistiaConfig = _props.wistiaConfig;
 
@@ -60,2 +61,3 @@ this.loadingSDK = true;
           id: _this2.getID(_this2.props.url),
+          options: wistiaConfig.options,
           onReady: function onReady(player) {
@@ -178,3 +180,2 @@ _this2.player = player;
 Wistia.displayName = 'Wistia';
-exports['default'] = Wistia;
-module.exports = exports['default'];
+exports['default'] = Wistia;

lib/players/YouTube.js

@@ -249,3 +249,2 @@ 'use strict';
 YouTube.displayName = 'YouTube';
-exports['default'] = YouTube;
-module.exports = exports['default'];
+exports['default'] = YouTube;

lib/props.js

@@ -62,2 +62,5 @@ 'use strict';
   }),
+  wistiaConfig: shape({
+    options: object
+  }),
   onReady: func,
@@ -113,2 +116,5 @@ onStart: func,
   },
+  wistiaConfig: {
+    options: {}
+  },
   onReady: function onReady() {},
@@ -115,0 +121,0 @@ onStart: function onStart() {},

lib/ReactPlayer.js

@@ -226,3 +226,2 @@ 'use strict';
 ReactPlayer.defaultProps = _props3.defaultProps;
-exports['default'] = ReactPlayer;
-module.exports = exports['default'];
+exports['default'] = ReactPlayer;

package.json

 {
   "name": "react-player",
-  "version": "0.18.0",
+  "version": "0.19.0",
   "description": "A react component for playing a variety of URLs, including file paths, YouTube, Facebook, SoundCloud, Streamable, Vidme, Vimeo and Wistia",
@@ -61,4 +61,4 @@ "main": "lib/ReactPlayer.js",
     "babel-preset-stage-0": "^6.16.0",
-    "chai": "^3.5.0",
-    "cross-env": "^4.0.0",
+    "chai": "^4.0.2",
+    "cross-env": "^5.0.1",
     "css-loader": "^0.28.0",
@@ -89,3 +89,3 @@ "es6-promise": "^4.0.3",
     "standard": "^10.0.0",
-    "style-loader": "^0.17.0",
+    "style-loader": "^0.18.2",
     "webpack": "^2.2.1",
@@ -92,0 +92,0 @@ "webpack-dev-middleware": "^1.8.3",

README.md

@@ -116,2 +116,3 @@ ReactPlayer
 `vidmeConfig` | Configuration object for the Vidme player.<br />Set `format` to use a certain quality of video, when available.<br />Possible values: `240p`, `480p`, `720p`, `1080p`, `dash`, `hls`
+`wistiaConfig` | Configuration object for the Wistia player.<br />Set `options` to override the [default player options](https://wistia.com/doc/embed-options#options_list)
 `dailymotionConfig` | Configuration object for the DailyMotion player.<br />Set `params` to override the [default player vars](https://developer.dailymotion.com/player#player-parameters).<br />Set `preload` for [preloading](#preloading).
@@ -166,2 +167,4 @@ `fileConfig` | Configuration object for the file player.<br />Set `attributes` to apply [element attributes](https://developer.mozilla.org/en/docs/Web/HTML/Element/video#Attributes).<br />Set `forceAudio` to always render an `<audio>` element.<br />Set `forceHLS` to use [hls.js](https://github.com/video-dev/hls.js) for HLS streams.<br />Set `forceDASH` to always use [dash.js](https://github.com/Dash-Industry-Forum/dash.js) for DASH streams.
 * [Supported file types](https://github.com/CookPete/react-player/blob/master/src/players/FilePlayer.js#L5-L6) are playing using [`<video>`](https://developer.mozilla.org/en/docs/Web/HTML/Element/video) or [`<audio>`](https://developer.mozilla.org/en/docs/Web/HTML/Element/audio) elements
+  * HLS streams are played using [hls.js](https://github.com/video-dev/hls.js)
+  * DASH streams are played using [dash.js](https://github.com/Dash-Industry-Forum/dash.js)
 
@@ -168,0 +171,0 @@ ### Contributing

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

Lines of code

6047

increased by0.02%

Number of lines in readme file

177

increased by1.72%

Worsened metrics

Total package byte prevSize

817573

decreased by-14.2%

No dependency changes