测试

src/pages/home/Index.jsx

@@ -263,11 +263,8 @@ class Home extends React.Component {
         if (start > 13) {
           start = 0;
         }
-        if (!data.path || !data.voiceFileName) {
-          return;
-        }
-        this.initVoice(data.path + data.voiceFileName);
-      }, 1000);
+        this.initVoice(start);
+      }, 8950);
     };
    // test();
   }
@@ -284,13 +281,13 @@ class Home extends React.Component {
     });
     const playVioce = (audioSrc) => {
       this.setState({
-        audioSrc,
+        audioSrc: '/mp3.wav',
       }, () => {
         const domAudio = document.querySelector('#audio');
         domAudio.playbackRate = 1;
         domAudio.currentTime = 0;
         domAudio.play();
-        domAudio.addEventListener('ended', () => {
+        const mes = () => {
           const { voiceSrc } = this.state;
           voiceSrc.splice(0, 1);
           const newArr = voiceSrc;
@@ -298,10 +295,12 @@ class Home extends React.Component {
             voiceSrc: newArr,
           }, () => {
             if (newArr.length > 0) {
+              domAudio.removeEventListener('ended', mes);
               playVioce(newArr[0]);
             }
           });
-        });
+        };
+        domAudio.addEventListener('ended',mes);
       });
     };
   };
@@ -501,7 +500,7 @@ class Home extends React.Component {
           style={{color: this.state.colorName == 'dark-bg' ? '#fff' : '#0D2764', marginLeft: '10px'}}
         />
         </span>
-        <audio src={this.state.audioSrc} controls id="audio" style={{ display: 'none' }}></audio>
+        <audio src={this.state.audioSrc} controls id="audio" style={{display: 'none' }}></audio>
     </>
     );
   }