js在html中循环播放,利用HTML5/JS有没有办法实现快速循环播放？

满意答案

villa66789

2016.02.04

采纳率：48%    等级：9

已帮助：314人

的接口里有声音播放速度的接口，但是多浏览器支持没有做过测试，楼主小心使用。

myVid=document.getElementsByTag("audio");

myVid.playbackRate=4;//大于1，就是高速播放

当然，如果是声音里面有衰减或空白的部分，不想剪辑声音的话，可以用多个Audio同时循环播放，如下：

var audios=[];

for (var i= 0; i < 5; i++ ) {

var a = new Audio();

a.src = "" ;//填入你的音频地址

a.preload="auto";

a.loop = true;

audios.push(a) ;

}

// 调用下面函数之前需要先确定audio已经完全载入，可以通过audio的readystate接口进行判断。

//这里直接就写成立即执行的方式了。

(function playSingle(i){

//用递归写的，迭代也可行

if ( i > 0 ) {

audios[i-1].play() ;

setTimeout(function(){

playSingle(i-1) ;

},1000);//每隔1000毫秒，额外播放一个音频

}

})(audios.length) ;

最后共五个音频先后循环播放，各延迟1000毫秒。当然可以通过调节毫秒数来达到更好的效果。

00分享举报