[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常用]连续播放音频的主要内容,如果未能解决你的问题,请参考以下文章

如何用js控制audio元素连续播放mp3文件

如何使用 AVAudioPlayer 连续播放多个音频文件?

依次播放多个音频片段

在 IOS 中,如何乱序播放音频片段的一部分?

无法对非静态方法 getAssets() 进行静态引用 - 无法在片段中播放音频

从 url 中提取音频片段并使用纯 Web Audio API 播放