Javascript 添加Eventlistener以控制HTML5音频_Javascript_Html_Event Listener

Javascript 添加Eventlistener以控制HTML5音频

javascript html

Javascript 添加Eventlistener以控制HTML5音频,javascript,html,event-listener,Javascript,Html,Event Listener,我现在真的试了好几个小时，想自己找到答案，但我只是不知道如何解决这个问题。我对javascript完全陌生我的任务：我想用JavaScript控制HTML5音频元素。我的第一步是： <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Test</title> <script type="text/javascript">

我现在真的试了好几个小时，想自己找到答案，但我只是不知道如何解决这个问题。我对javascript完全陌生

我的任务：我想用JavaScript控制HTML5音频元素。我的第一步是：

<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>


测验
document.getElementById（“myAudio”）.addEventListener（'onpause'，function（））{
警报（“暂停！”）；
getElementById（“myAudio”）.play（）；
警惕（“再次播放！”）；
}，假）；

不幸的是，这不起作用。似乎没有什么活动叫做

我想知道的另一件事是，Chrome确实显示音频控制。但是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音频元素。不幸的是，这与我上面插入的代码不兼容。似乎没有什么活动叫做。。。我做错了什么？“暂停”是事件的正确名称，而不是“暂停”谢谢！不幸的是，我在这里查看：W3School网站提供了属性名称，但没有提供事件名称。所以它的工作原理是：…
和audioDOMO.addEventListener（'onpause'，函数（事件）{alert（'pause'）}，false）