以HTML格式播放音频

以HTML格式播放音频,第1张

概述我想用HTML播放mp3音频文件.我不想用Volume等控件显示整个播放器. 我只需要一个播放/暂停按钮,由我设计,而不是某些播放器的核心设计,如雅虎播放器或谷歌播放器. 例如,音频将是自动播放.单击按钮(可能是图像)时,它将暂停,再次单击该图像时,音频将再次播放. 这里的例子很少:http://www.w3schools.com/html/html_sounds.asp 我可以控制它们中的任何一 我想用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 pagefoo.play();

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

总结

以上是内存溢出为你收集整理的以HTML格式播放音频全部内容,希望文章能够帮你解决以HTML格式播放音频所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1108157.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-29
下一篇 2022-05-29

发表评论

登录后才能评论

评论列表(0条)

保存