<div id="audioBox"></div>
<script type="text/javascript">
window.onload = function(){
var myAudio = new Audio();
myAudio.preload = true;
myAudio.controls = true;
myAudio.src = "1.mp3";
myAudio.addEventListener('ended', playEndedHandler, false);
myAudio.play();
document.getElementById("audioBox").appendChild(myAudio);
myAudio.loop = false;//禁止循环,否则无法触发ended事件
function playEndedHandler(e){
myAudio.src = "3.mp3";
myAudio.play();
myAudio.removeEventListener('ended',playEndedHandler,false);//解除绑定,除非你要循环后一个音乐
}
}
</script>
<script type="text/javascript">
window.onload = function(){
var myAudio = new Audio();
myAudio.preload = true;
myAudio.controls = true;
myAudio.src = "1.mp3";
myAudio.addEventListener('ended', playEndedHandler, false);
myAudio.play();
document.getElementById("audioBox").appendChild(myAudio);
myAudio.loop = false;//禁止循环,否则无法触发ended事件
function playEndedHandler(e){
myAudio.src = "3.mp3";
myAudio.play();
myAudio.removeEventListener('ended',playEndedHandler,false);//解除绑定,除非你要循环后一个音乐
}
}
</script>
谢谢了。
我的音频文件2.mp3 长度有12秒,但是,两段有空白的(就是从3s-9s有声音),因此我只希望播放3s-9s。我不会剪辑他的。
使用#t=3:9,就不能触发ended的事件,真是上火,我已给html5小组发邮件了,说明,此处有bug。
我的audio标签,
我应该怎么办啊?谢谢了,我百度了所有的资料。