JavaScript的音频的onload [英] javascript audio onload
本文介绍了JavaScript的音频的onload的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我做了一个JavaScript的音频测试。所有功能在Opera FF和Chrome的工作,除了audio.oncanplaythrough和audio.onended(这2function不要在Chrome工作)。
<!DOCTYPE HTML>
< HTML和GT;
<身体GT;<脚本>
VAR音频=新的音频(http://www.w3schools.com/html5/song.ogg);audio.oncanplaythrough =功能(){
audio.play();
}audio.onended =功能(){
警报('结束');
}< / SCRIPT>
< A HREF =#的onclick =audio.play();>启动< / A>< BR />
&所述; A HREF =#的onclick =audio.pause();>暂停&下; / A>&所述峰; br />
&所述; A HREF =#的onclick =audio.volume =提示('从0到1,0.7)>体积下; / A>&所述峰; br />
&所述; A HREF =#的onclick =audio.currentTime = 3;>跳&下; / A>&所述峰; br />
< /身体GT;
< / HTML>
解决方案
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屋!
查看全文