js实现语音连续播放

js示例代码:

<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8" />
<title>JS</title>
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.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://tts.baidu.com/text2audio?lan=zh&ie=UTF-8&spd=2&text=你要转换的文字','http://tts.baidu.com/text2audio?cuid=baiduid&lan=zh&ctp=1&pdt=311&tex=123','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>
展开阅读全文
©️2020 CSDN 皮肤主题: 1024 设计师: 上身试试 返回首页
实付0元
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值