码迷,mamicode.com
首页 > Web开发 > 详细

[js常用]连续播放音频

时间:2018-12-15 13:51:28      阅读:198      评论:0      收藏:0      [点我收藏+]

标签:lis   utf-8   jquery   tns   yun   charset   element   document   tts   

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

<!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常用]连续播放音频

标签:lis   utf-8   jquery   tns   yun   charset   element   document   tts   

原文地址:https://www.cnblogs.com/lovetangyuxian/p/10122696.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!