利用HTML5/JS有没有办法实现快速循环播放?
2个回答
展开全部
<audio>的接口里有声音播放速度的接口,但是多浏览器支持没有做过测试,楼主小心使用。
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毫秒。当然可以通过调节毫秒数来达到更好的效果。
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毫秒。当然可以通过调节毫秒数来达到更好的效果。
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询