[js常用]連續播放音訊
阿新 • • 發佈：2018-12-15
許多音訊連續播放.有的時候音訊過大會分成多個音訊.播放的時候需要連續播放
<!DOCTYPE HTML> <html> <head> <meta charset="UTF-8" /> <title>JS</title> <script src="./jquery-1.8.3.js"></script> </head> <body> <button onclick="changeAudio()">載入播放語音</button> <input type="button" id="tts_btns" onclick="zanting()" value="暫停"> <input type="button" id="tts_btns" onclick="jixu()" value="繼續/播放"> <audio id="tts_autio_id" src=""></audio> <script> var arrAudio=[]; //存放語音的地方 var arrNex=0; var ttsAudio = document.getElementById('tts_autio_id'); //獲取語音 ttsAudio.addEventListener('ended', function () { arrNex=arrNex+1; if(arrNex<arrAudio.length){ ttsAudio.src=arrAudio[arrNex]; ttsAudio.play(); return; } }, false); function changeAudio() { arrAudio=['http://pfks-oss-center.oss-cn-beijing.aliyuncs.com/A2722610DF1A4E8EA5A05DD0864D0539.mp3','http://pfks-oss-center.oss-cn-beijing.aliyuncs.com/A2722610DF1A4E8EA5A05DD0864D0539.mp3','http://pfks-oss-center.oss-cn-beijing.aliyuncs.com/A2722610DF1A4E8EA5A05DD0864D0539.mp3']; ttsAudio.src=arrAudio[arrNex]; } function zanting() { ttsAudio.pause(); } function jixu() { ttsAudio.play(); } </script> </body> </html>