JavaScript的音频的onload [英] javascript audio onload
本文介绍了JavaScript的音频的onload的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我做了一个JavaScript的音频测试。所有功能在Opera FF和Chrome的工作，除了audio.oncanplaythrough和audio.onended（这2function不要在Chrome工作）。
＆LT;！DOCTYPE HTML＆GT;
＆LT; HTML和GT;
＆LT;身体GT;＆LT;脚本＆GT;
VAR音频=新的音频（http://www.w3schools.com/html5/song.ogg）;audio.oncanplaythrough =功能（）{
audio.play（）;
}audio.onended =功能（）{
警报（'结束'）;
}＆LT; / SCRIPT＆GT;
＆LT; A HREF =＃的onclick =audio.play（）;＆GT;启动＆LT; / A＆GT;＆LT; BR /＆GT;
＆所述; A HREF =＃的onclick =audio.pause（）;＆GT;暂停＆下; / A＆GT;＆所述峰; br /＆GT;
＆所述; A HREF =＃的onclick =audio.volume =提示（'从0到1，0.7）＆GT;体积下; / A＆GT;＆所述峰; br /＆GT;
＆所述; A HREF =＃的onclick =audio.currentTime = 3;＆GT;跳＆下; / A＆GT;＆所述峰; br /＆GT;
＆LT; /身体GT;
＆LT; / HTML＆GT;
解决方案
oncanplaythrough 是一个事件，而不是一个方法，另一个事件被称为结束，而不是 onended 。
所以，你需要监听的事件和对他们采取行动。尝试：
audio.addEventListener（'结束'，函数（）{
警报（'结束'）;
}，FALSE）;
和
audio.addEventListener（'canplaythrough'，函数（）{
audio.play（）;
}，FALSE）;
I made a javascript audio test. All the function works in Opera FF and Chrome, except audio.oncanplaythrough, and audio.onended (this 2function dont work on Chrome).
<!DOCTYPE html>
<html>
<body>
<script>
var audio = new Audio("http://www.w3schools.com/html5/song.ogg");
audio.oncanplaythrough = function(){
audio.play();
}
audio.onended = function(){
alert('ended');
}
</script>
<a href="#" onclick="audio.play();">start</a><br/>
<a href="#" onclick="audio.pause();">pause</a><br/>
<a href="#" onclick="audio.volume=prompt('from 0 to 1',0.7)">volume</a><br/>
<a href="#" onclick="audio.currentTime = 3;">jump</a><br/>
</body>
</html>
解决方案
oncanplaythrough is an event, not a method, and the other event is called ended and not onended.
So you need to listen for the events and act on them. Try:
audio.addEventListener('ended', function() {
alert('ended');
}, false);
and
audio.addEventListener('canplaythrough', function() {
audio.play();
}, false);
这篇关于JavaScript的音频的onload的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
