[js常用]连续播放音频
Posted 糖羽仙
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了[js常用]连续播放音频相关的知识,希望对你有一定的参考价值。
许多音频连续播放.有的时候音频过大会分成多个音频.播放的时候需要连续播放
<!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>
以上是关于[js常用]连续播放音频的主要内容,如果未能解决你的问题,请参考以下文章
如何使用 AVAudioPlayer 连续播放多个音频文件?