build

lib/components/AudioPlayer/index.js

@@ -77,24 +77,24 @@ var AudioPlayer = function (_React$Component) {
         var src = this.props.src;
 
         this.player.oncanplay = function (event) {
-          return _this2.setState({
-            duration: event.target.duration,
-            isLoading: false,
-            isPlaying: true
-          });
+          console.log(event, 1111);
+          _this2.setState({ duration: event.target.duration });
         };
-        this.player.onended = function () {
-          return _this2.setState({
-            isPlaying: false,
-            currentDuration: 0,
-            isLoading: false
-          });
+        this.player.onended = function (event) {
+          console.log(event, 2222);
+          _this2.setState({ isPlaying: false, currentDuration: 0 });
         };
-        this.player.onpause = function () {
-          return _this2.setState({ isPlaying: false, isLoading: false });
+        this.player.onpause = function (event) {
+          console.log(event, 333);
+          _this2.setState({ isPlaying: false });
         };
         this.player.onplay = function () {
-          return _this2.setState({ isLoading: true });
+          console.log(event, 5555);
+          _this2.setState({ isPlaying: true, isLoading: false });
+        };
+        this.player.onplaying = function (event) {
+          console.log(event, 4444);
+          _this2.setState({ isPlaying: true, isLoading: false });
         };
         this.player.ontimeupdate = function (event) {
           return _this2.setState({ currentDuration: event.target.currentTime });
@@ -109,24 +109,24 @@ var AudioPlayer = function (_React$Component) {
 
       if (this.props.src !== prevProps.src) {
         this.player.oncanplay = function (event) {
-          return _this3.setState({
-            duration: event.target.duration,
-            isLoading: false,
-            isPlaying: true
-          });
+          console.log(event, 1111);
+          _this3.setState({ duration: event.target.duration });
         };
-        this.player.onended = function () {
-          return _this3.setState({
-            isPlaying: false,
-            currentDuration: 0,
-            isLoading: false
-          });
+        this.player.onended = function (event) {
+          console.log(event, 2222);
+          _this3.setState({ isPlaying: false, currentDuration: 0 });
         };
-        this.player.onpause = function () {
-          return _this3.setState({ isPlaying: false, isLoading: false });
+        this.player.onpause = function (event) {
+          console.log(event, 333);
+          _this3.setState({ isPlaying: false });
         };
         this.player.onplay = function () {
-          return _this3.setState({ isLoading: true });
+          console.log(event, 5555);
+          _this3.setState({ isPlaying: true, isLoading: false });
+        };
+        this.player.onplaying = function (event) {
+          console.log(event, 4444);
+          _this3.setState({ isPlaying: true, isLoading: false });
         };
         this.player.ontimeupdate = function (event) {
           return _this3.setState({ currentDuration: event.target.currentTime });
@@ -153,6 +153,9 @@ var AudioPlayer = function (_React$Component) {
           });
         }
         this.player.play();
+        this.setState({
+          isLoading: true
+        });
       }
     }
   }, {
@@ -165,7 +168,7 @@ var AudioPlayer = function (_React$Component) {
       var playIconElem = void 0;
 
       if (isLoading) {
-        playIconElem = _react2.default.createElement("img", { src: _loading2.default, alt: "iconLoading" });
+        playIconElem = _react2.default.createElement("img", { className: "icon-loading", src: _loading2.default, alt: "iconLoading" });
       } else if (isPlaying) {
         playIconElem = _react2.default.createElement(_icon2.default, { className: "pause", type: "pause" });
       } else {

lib/components/AudioPlayer/index.less

@@ -19,6 +19,11 @@
     font-size: 14px;
   }
 
+  .icon-loading {
+    width: 100%;
+    height: 100%;
+  }
+
   .slider {
     margin: 0 0 0 16px;
     width: 195px;

lib/version.json

@@ -1,8 +1,8 @@
 {
     "name":       "comment",
-    "buildDate":  1588410272677,
+    "buildDate":  1588435719936,
     "version":    "1.0.4",
-    "numCommits": 213,
-    "hash":       "f79e8f9",
+    "numCommits": 215,
+    "hash":       "7d03c9b",
     "dirty":      true
 }