添加Eventlistener来控制HTML5音频
问题描述：
我真的很想尝试几个小时，自己找到答案，但我不知道如何解决这个问题。我绝对是新来的JavaScript。添加Eventlistener来控制HTML5音频
我的任务：我想用JavaScript控制HTML5-Audio元素。我的第一步是：
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Test</title>
<script type="text/javascript">
document.getElementById("myAudio").addEventListener('onpause', function(){
alert("Paused!");
getElementById("myAudio").play();
alert("Playing again!");
}, false);
</script>
</head>
<body>
<audio id="myAudio" controls autobuffer >
<source src="Test.mp3" />
</audio>
</body>
不幸的是，这是行不通的。似乎没有任何事件叫...
我想知道的另一件事是，Chrome确实显示了audiocontrol。但Firefox（FF 11）只显示一个空白页面。
我只是不明白，我花了几个小时，尝试了很多选择......我真的希望有人能帮助我。
非常感谢！
答
Firefox不支持MP3格式。使用其他音频文件格式，如OGG。
添加一个新的源代码与此不同的文件格式：
<audio id="myAudio" controls autobuffer >
<source src="Test.mp3" type="audio/mpeg" />
<source src="Test.ogg" type="audio/ogg" />
</audio>
利用现有的在线/离线工具之一，将文件转换成OGG格式：
谢谢！这解释了为什么这不适用于Firefox！ 我最初的目的是用JavaScript控制HTML5-Audio元素。不幸的是，这与我上面插入的代码无关。似乎没有事件要求......我做错了什么？ – HazelNut 2012-04-26 14:35:01
“暂停”是事件的正确名称，而不是“onpause” http://dev.w3.org/html5/spec/media-elements.html#mediaevents – mems 2012-04-26 14:59:19
谢谢！我在看这里，不幸的是：http://www.w3schools.com/html5/html5_ref_eventattributes.asp – HazelNut 2012-04-26 15:21:48