[js常用]连续播放音频

本文转载自查看原文 2018-12-15 10:46 1021 音频播放/ html/ audio

许多音频连续播放.有的时候音频过大会分成多个音频.播放的时候需要连续播放

<!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>

免责声明！

本站转载的文章为个人学习借鉴使用，本站对版权不负任何法律责任。如果侵犯了您的隐私权益，请联系本站邮箱yoyou2525@163.com删除。

猜您在找 js --自动播放音频 js自动播放音频 vue 播放音频 Android 播放音频 vue播放音频 android: 播放音频 MATLAB播放音频sound FFmpeg 入门(3)：播放音频 Android MediaPlayer 播放音频 FFmpeg学习3：播放音频