@lls/lls-audio 0.0.36 → 0.0.37

package/package.json

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

package/player/index.js

@@ -108,6 +108,7 @@ var Player = function (_Component) {
       var previousPlay = _this.state.play;
       var newPlay = newState.play;
       var _this$props = _this.props,
+          id = _this$props.id,
           src = _this$props.src,
           _this$props$on = _this$props.on,
           on = _this$props$on === undefined ? {} : _this$props$on;
@@ -116,11 +117,13 @@ var Player = function (_Component) {
 
       if (!previousPlay && newPlay && on.play) {
         on.play({
+          id: id,
           url: src
         });
       }
       if (previousPlay && !newPlay && on.pause) {
         on.pause({
+          id: id,
           url: src
         });
       }
@@ -187,7 +190,8 @@ var Player = function (_Component) {
     value: function initialize(props) {
       var _this3 = this;
 
-      var src = props.src,
+      var id = props.id,
+          src = props.src,
           _props$visible = props.visible,
           visible = _props$visible === undefined ? true : _props$visible,
           _props$on = props.on,
@@ -195,6 +199,7 @@ var Player = function (_Component) {
 
       if (on.loadStart) {
         on.loadStart({
+          id: id,
           url: src
         }); // notify start of loading
       }
@@ -206,6 +211,7 @@ var Player = function (_Component) {
         // notify end of loading
         if (on.loadSuccess) {
           on.loadSuccess({
+            id: id,
             url: src,
             duration: waveform.duration
           });

package/stories/player.js

@@ -48,31 +48,37 @@ var PlayerExample = function (_Component) {
 
       var cb = {
         loadStart: function loadStart(_ref) {
-          var url = _ref.url;
-          console.log("load start");
+          var id = _ref.id,
+              url = _ref.url;
+          console.log("load start", id, url);
         },
         loadSuccess: function loadSuccess(_ref2) {
-          var url = _ref2.url,
+          var id = _ref2.id,
+              url = _ref2.url,
               duration = _ref2.duration;
-          console.log("load success", url, duration);
+          console.log("load success", id, url, duration);
         },
         play: function play(_ref3) {
-          var url = _ref3.url;
-          console.log("play", url);
+          var id = _ref3.id,
+              url = _ref3.url;
+          console.log("play", id, url);
         },
         pause: function pause(_ref4) {
-          var url = _ref4.url;
-          console.log("pause", url);
+          var id = _ref4.id,
+              url = _ref4.url;
+          console.log("pause", id, url);
         },
-        close: function close() {
-          console.log("close");
+        close: function close(_ref5) {
+          var id = _ref5.id,
+              url = _ref5.url;
+          console.log("close", id, url);
         }
       };
       return _react2.default.createElement(
         'div',
         null,
-        _react2.default.createElement('input', { style: { width: 'calc(100% - 20px)', padding: 10 }, onChange: function onChange(_ref5) {
-            var value = _ref5.target.value;
+        _react2.default.createElement('input', { style: { width: 'calc(100% - 20px)', padding: 10 }, onChange: function onChange(_ref6) {
+            var value = _ref6.target.value;
             return _this2.setState({ url: value });
           }, value: this.state.url }),
         _react2.default.createElement(
@@ -89,7 +95,7 @@ var PlayerExample = function (_Component) {
             'http://lls-media-public.s3.amazonaws.com/upload/LeLivreScolaire/p15vcjbl4lvpl9l7g8ov8ammh1.mp3'
           )
         ),
-        _react2.default.createElement(_player2.default, { title: 'Audio: un audio de la BBC', on: cb, autoPlay: autoPlay, src: this.state.url, ranges: ranges, visible: true, caption: caption })
+        _react2.default.createElement(_player2.default, { id: 'test', title: 'Audio: un audio de la BBC', on: cb, autoPlay: autoPlay, src: this.state.url, ranges: ranges, visible: true, caption: caption })
       );
     }
   }]);