@lls/lls-audio 0.0.81 → 0.0.83

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lls/lls-audio",
-  "version": "0.0.81",
+  "version": "0.0.83",
   "main": "index.js",
   "devDependencies": {
     "@kadira/storybook": "2.21.0",

package/player/Audio.js

@@ -31,7 +31,11 @@ var Player = function (_Component) {
     _this.requestAnimationId = null;
 
     _this.play = function () {
-      return _this.refs.player.play();
+      try {
+        _this.refs.player.play();
+      } catch (e) {
+        // On tablet play needs to be triggered with a hand gesture
+      }
     };
 
     _this.pause = function () {
@@ -142,7 +146,7 @@ var Player = function (_Component) {
           _props$preload = _props.preload,
           preload = _props$preload === undefined ? 'auto' : _props$preload;
 
-      return _react2.default.createElement('audio', { ref: 'player', autoPlay: autoPlay, src: src, loop: loop, preload: preload });
+      return _react2.default.createElement('audio', { ref: 'player', autoPlay: false, src: src, loop: loop, preload: preload });
     }
 
     // Controls
@@ -156,6 +160,15 @@ var Player = function (_Component) {
       this.refs.player.volume = volume / 100;
       this.setStateWithCallback({ volume: volume });
     }
+  }, {
+    key: 'componentWillReceiveProps',
+    value: function componentWillReceiveProps(newProps) {
+      if (newProps.src !== this.props.src) {
+        if (newprops.autoPlay) {
+          this.play();
+        }
+      }
+    }
 
     // HTML5 events
 
@@ -170,6 +183,10 @@ var Player = function (_Component) {
       player.addEventListener('play', this.onPlay);
       player.addEventListener('pause', this.onPause);
       player.addEventListener('timeupdate', this.onAudioUpdate);
+
+      if (this.props.autoPlay) {
+        this.play();
+      }
     }
   }, {
     key: 'componentWillUnmount',