Question

我现在真的很想几个小时，自己找到答案，但我只是不知道如何解决这个问题。我是javascript的新手。

我的任务：我想用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）只显示一个空页。

我只是不明白，我现在花了几个小时尝试了很多替代方案......我真的希望有人可以帮助我。

非常感谢！

Answer 1

Firefox不支持MP3格式。使用其他音频文件格式，如OGG。

使用以下不同的文件格式添加新的源标记：

<audio id="myAudio" controls autobuffer  >
    <source src="Test.mp3" type="audio/mpeg" />
    <source src="Test.ogg" type="audio/ogg" />
</audio>

https://developer.mozilla.org/En/Media_formats_supported_by_the_audio_and_video_elements#MPEG_H.264_%28AAC_or_MP3%29

使用其中一个可用的在线/离线工具将您的文件转换为OGG格式：

添加Eventlistener以控制HTML5-Audio

1 个答案: