微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

以HTML格式播放音频

我想用HTML播放mp3音频文件.我不想用Volume等控件显示整个播放器.
我只需要一个播放/暂停按钮,由我设计,而不是某些播放器的核心设计,如雅虎播放器或谷歌播放器.

例如,音频将是自动播放.单击按钮(可能是图像)时,它将暂停,再次单击该图像时,音频将再次播放.

这里的例子很少:http://www.w3schools.com/html/html_sounds.asp

我可以控制它们中的任何一个来播放/停止JS代码吗?

解决方法

您可以使用html5 audio tag.您可以指定自己的控件进行播放.
<audio preload="auto" autobuffer> 
  <source src="elvis.mp3" />
  <source src="elvis.wav" /> <!-- fallback if no mp3 support in browser -->
</audio>

这是一个jQuery解决方案.

http://jsfiddle.net/QPW27/109/

这就是你的非jQuery解决方案的样子.

var foo = document.getElementById('player');
foo.pause();  //just bind play/pause to some onclick events on your page
foo.play();

不同浏览器支持不同的音频格式您可以指定后备音频版本.截至2011年7月,该网站有一个不错的chart of browser support.

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐