添加Eventlistener以控制HTML5-音频
添加Eventlistener以控制HTML5-音频
提问于 2012-04-26 22:01:55
我真的试了好几个小时，想自己找到答案，但我就是不知道怎么解决这个问题。我对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确实可以显示音频控制。但是Firefox (FF11)只显示一个空页面。
我就是不明白，我现在花了几个小时，试了很多办法……我真的希望有人能帮助我。
非常感谢!
回答 1
Stack Overflow用户
回答已采纳
发布于 2012-04-26 22:24:29
火狐不支持MP3格式。使用其他音频文件格式，如OGG。
使用此不同的文件格式添加新的source标签：
<audio id="myAudio" controls autobuffer >
<source src="Test.mp3" type="audio/mpeg" />
<source src="Test.ogg" type="audio/ogg" />
</audio>使用可用的联机/脱机工具之一将您的文件转换为OGG格式：
- http://media.io/
- http://ffmpeg.org/
- http://www.videolan.org/
- http://www.mediacoderhq.com/
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/10335068
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号