fix: 修复 audio 初始状态

src/components/AudioPlayer/index.js

@@ -25,9 +25,7 @@ class AudioPlayer extends React.Component {
       const { src } = this.props;
       this.player.oncanplay = event =>
         this.setState({
-          duration: event.target.duration,
-          isLoading: false,
-          isPlaying: true
+          duration: event.target.duration
         });
       this.player.onended = () =>
         this.setState({
@@ -37,7 +35,8 @@ class AudioPlayer extends React.Component {
         });
       this.player.onpause = () =>
         this.setState({ isPlaying: false, isLoading: false });
-      // this.player.onplay = () => this.setState({ isLoading: true });
+      this.player.onplaying = () =>
+        this.setState({ isPlaying: true, isLoading: false });
       this.player.ontimeupdate = event =>
         this.setState({ currentDuration: event.target.currentTime });
       this.player.src = src;
@@ -48,9 +47,7 @@ class AudioPlayer extends React.Component {
     if (this.props.src !== prevProps.src) {
       this.player.oncanplay = event =>
         this.setState({
-          duration: event.target.duration,
-          isLoading: false,
-          isPlaying: true
+          duration: event.target.duration
         });
       this.player.onended = () =>
         this.setState({
@@ -60,7 +57,8 @@ class AudioPlayer extends React.Component {
         });
       this.player.onpause = () =>
         this.setState({ isPlaying: false, isLoading: false });
-      // this.player.onplay = () => this.setState({ isPlaying: false });
+      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;