[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自動播放音頻 android: 播放音頻 Python 播放音頻 playsound 利用mciSendString播放音頻 linux dsp 播放音頻文件 WPF 播放音頻使用的SoundPlayer和MediaPlayer 前端播放音頻時使用插件 JavaScript AudioContext 自動播放音頻利用純java捕獲和播放音頻 Android MediaRecorder錄制播放音頻