build

lib/components/AudioPlayer/index.js

         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 });
 
       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 });
           });
         }
         this.player.play();
+        this.setState({
+          isLoading: true
+        });
       }
     }
   }, {
       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

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

lib/version.json

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