lib/components/AudioPlayer/index.js

@@ -77,24 +77,19 @@ var AudioPlayer = function (_React$Component) {
         var src = this.props.src;
 
         this.player.oncanplay = function (event) {
-          console.log(event, 1111);
-          _this2.setState({ duration: event.target.duration });
+          return _this2.setState({ duration: event.target.duration });
         };
-        this.player.onended = function (event) {
-          console.log(event, 2222);
-          _this2.setState({ isPlaying: false, currentDuration: 0 });
+        this.player.onended = function () {
+          return _this2.setState({ isPlaying: false, currentDuration: 0 });
         };
-        this.player.onpause = function (event) {
-          console.log(event, 333);
-          _this2.setState({ isPlaying: false });
+        this.player.onpause = function () {
+          return _this2.setState({ isPlaying: false, isLoading: false });
         };
         this.player.onplay = function () {
-          console.log(event, 5555);
-          _this2.setState({ isPlaying: true, isLoading: false });
+          return _this2.setState({ isPlaying: false, isLoading: true });
         };
-        this.player.onplaying = function (event) {
-          console.log(event, 4444);
-          _this2.setState({ isPlaying: true, isLoading: false });
+        this.player.onplaying = function () {
+          return _this2.setState({ isPlaying: true, isLoading: false });
         };
         this.player.ontimeupdate = function (event) {
           return _this2.setState({ currentDuration: event.target.currentTime });
@@ -109,24 +104,19 @@ var AudioPlayer = function (_React$Component) {
 
       if (this.props.src !== prevProps.src) {
         this.player.oncanplay = function (event) {
-          console.log(event, 1111);
-          _this3.setState({ duration: event.target.duration });
+          return _this3.setState({ duration: event.target.duration });
         };
-        this.player.onended = function (event) {
-          console.log(event, 2222);
-          _this3.setState({ isPlaying: false, currentDuration: 0 });
+        this.player.onended = function () {
+          return _this3.setState({ isPlaying: false, currentDuration: 0 });
         };
-        this.player.onpause = function (event) {
-          console.log(event, 333);
-          _this3.setState({ isPlaying: false });
+        this.player.onpause = function () {
+          return _this3.setState({ isPlaying: false, isLoading: false });
         };
         this.player.onplay = function () {
-          console.log(event, 5555);
-          _this3.setState({ isPlaying: true, isLoading: false });
+          return _this3.setState({ isPlaying: false, isLoading: true });
         };
-        this.player.onplaying = function (event) {
-          console.log(event, 4444);
-          _this3.setState({ isPlaying: true, isLoading: false });
+        this.player.onplaying = function () {
+          return _this3.setState({ isPlaying: true, isLoading: false });
         };
         this.player.ontimeupdate = function (event) {
           return _this3.setState({ currentDuration: event.target.currentTime });
@@ -153,9 +143,6 @@ var AudioPlayer = function (_React$Component) {
           });
         }
         this.player.play();
-        this.setState({
-          isLoading: true
-        });
       }
     }
   }, {

src/components/AudioPlayer/index.js

@@ -23,26 +23,16 @@ class AudioPlayer extends React.Component {
   componentDidMount() {
     if (this.player) {
       const { src } = this.props;
-      this.player.oncanplay = event => {
-        console.log(event, 1111);
+      this.player.oncanplay = event =>
         this.setState({ duration: event.target.duration });
-      };
-      this.player.onended = event => {
-        console.log(event, 2222);
+      this.player.onended = () =>
         this.setState({ isPlaying: false, currentDuration: 0 });
-      };
-      this.player.onpause = event => {
-        console.log(event, 333);
-        this.setState({ isPlaying: false });
-      };
-      this.player.onplay = () => {
-        console.log(event, 5555);
+      this.player.onpause = () =>
+        this.setState({ isPlaying: false, isLoading: false });
+      this.player.onplay = () =>
+        this.setState({ isPlaying: false, isLoading: true });
+      this.player.onplaying = () =>
         this.setState({ isPlaying: true, isLoading: false });
-      };
-      this.player.onplaying = event => {
-        console.log(event, 4444);
-        this.setState({ isPlaying: true, isLoading: false });
-      };
       this.player.ontimeupdate = event =>
         this.setState({ currentDuration: event.target.currentTime });
       this.player.src = src;
@@ -51,26 +41,16 @@ class AudioPlayer extends React.Component {
 
   componentDidUpdate(prevProps) {
     if (this.props.src !== prevProps.src) {
-      this.player.oncanplay = event => {
-        console.log(event, 1111);
+      this.player.oncanplay = event =>
         this.setState({ duration: event.target.duration });
-      };
-      this.player.onended = event => {
-        console.log(event, 2222);
+      this.player.onended = () =>
         this.setState({ isPlaying: false, currentDuration: 0 });
-      };
-      this.player.onpause = event => {
-        console.log(event, 333);
-        this.setState({ isPlaying: false });
-      };
-      this.player.onplay = () => {
-        console.log(event, 5555);
-        this.setState({ isPlaying: true, isLoading: false });
-      };
-      this.player.onplaying = event => {
-        console.log(event, 4444);
+      this.player.onpause = () =>
+        this.setState({ isPlaying: false, isLoading: false });
+      this.player.onplay = () =>
+        this.setState({ isPlaying: false, isLoading: true });
+      this.player.onplaying = () =>
         this.setState({ isPlaying: true, isLoading: false });
-      };
       this.player.ontimeupdate = event =>
         this.setState({ currentDuration: event.target.currentTime });
       this.player.src = this.props.src;
@@ -94,9 +74,6 @@ class AudioPlayer extends React.Component {
         });
       }
       this.player.play();
-      this.setState({
-        isLoading: true
-      });
     }
   }