利用HTML5/JS有没有办法实现快速循环播放?

如题所述

<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毫秒。当然可以通过调节毫秒数来达到更好的效果。
温馨提示:内容为网友见解,仅供参考
第1个回答  2015-08-28
问题在于比如音频可能有100ms,但想1000ms内播放100次。所以单纯的遍历是不能解决问题的,而且在极快的情况下,js所需要的时间也会被考虑进去延缓频率。
可以试试多开几个音频,然后延时播放。比如说在10ms时播放第二个音频,20ms播放第三个...90ms播放最后一个,这样在100ms时第一个音频会再次循环,如此就可以达到10ms播放一次的频率。

利用HTML5\/JS有没有办法实现快速循环播放?
最后共五个音频先后循环播放,各延迟1000毫秒。当然可以通过调节毫秒数来达到更好的效果。

有什么办法能把音乐循环播放吗?
其次,对于更为高级的用户或者特定场合的需求,可以通过编程或者使用专业的音频编辑软件来实现音乐循环播放。例如,在网页设计中,可以使用HTML5的``标签配合JavaScript来编写一个简单的音乐播放器,通过设置`loop`属性为`true`来实现音乐的循环播放。在音频编辑软件中,如Adobe Audition或Audacity,用户可以将...

Html5如何快速在页面中写出多个轮播图效果
光是html的话很难实现轮播,轮播一般都是html+js才能完成。给你一个最简单的html+js轮播例子:html代码:<div class="side" id = "lunbo"> <ul"> <li><img src="..\/images\/1.jpg"><\/li> <li><img src="..\/images\/2.jpg"><\/li> <li><img src="..\/images\/3.jpg...

有什么办法能把音乐循环播放吗?
其次,如果你是在编写一个程序或网页,并希望在其中实现音乐循环播放的功能,那么你可以通过编程来实现。例如,在HTML5中,你可以使用``标签来嵌入音频文件,并通过JavaScript来控制播放。通过设置`audio.loop = true`,你可以让音频文件在播放完毕后自动重新开始,从而实现循环播放。另外,在一些专业的音频...

html5怎么可以添加多个音频然后一个接着一个播放??、急急急
一个audio标签只能同时播放一个音频文件,希望一个接一个播放的话,就需要js监听标签的onended事件,播放完毕后,更换一个文件地址就可以了

用js如何控制 html5 video的快进后退。不要第三方插件。继续代码...
<sourcesrc="demo.ogv"type="video\/ogg"\/>HTML5 Video is required for this example.<ahref="demo.mp4">Download the video<\/a>file.<\/video><divid="buttonbar"> <buttonid="restart"onclick="restart();">[]<\/button><buttonid="rew"onclick="skip(-10)"><<<\/button><buttonid="...

有没有办法让html5视频循环播放
<video>标签的属性 autoplay:自动播放 loop:循环播放

html5创建音频对象+并设置循环+自动播放+二倍速播功能代码?
<audio loop controls src="https:\/\/lanye.org\/demo.mp3"><\/audio> js代码需要创建audio对象 var audio = new Audio();audio.src="https:\/\/lanye.org\/demp.mp3";audio.loop = true;audio.controls=true;audio.playbackRate = 2;document.getElementById("playbox").appendChild(audio);

html5如何实现自动播放视频
从而实现兼容多个浏览器的视频播放功能。注:html5的video标签目前只支持播放.mp4、.ogg、.webm等几种格式的视频文件,暂不支持其他格式的视频文件。此外,不同的html5浏览器支持的视频文件格式也略有不同,这种状况可能会在未来的html5中得以改善。

HTML5动画框架easeljs中setFPS函数
1、 逐帧动画 逐帧动画,把动画(例如人物动作)进行分解,然后绘制出连续的、具有代表性的动作,连续播放形成动画,逐帧动画适用于复杂的不连续的动画。 实现逐帧动画主要需要两个东西,动作关键帧和动起来的机制。 “动画”机制: 使动画动起来的机制,这里使用EaselJS的一个类Ticker createjs....

相似回答