这篇文章主要介绍了然后使用HTML5 audio元素的相关知识，内容详细易懂，操作简单快捷，具有一定借鉴价值，相信大家阅读完这篇然后使用HTML5 audio元素文章都会有所收获，下面我们一起来看看吧。
HTML5元素是一个HTML5元素，在HTML4中是非法的，但在所有浏览器中都有效。
Theelementworksinallmodernbrowsers.
以下我们将使用标签来描述MP3文件(InternetExplorer、Chrome以及Safari中是有效的),同样添加了一个OGG类型文件(Firefox和Opera浏览器中有效).如果失败，它会显示一个错误文本信息:
实例
<sourcesrc="horse.mp3"type="audio/mpeg">
<sourcesrc="horse.ogg"type="audio/ogg">
Yourbrowserdoesnotsupportthisaudioformat.
问题:
标签在HTML4中是无效的。您的页面无法通过HTML4验证。
您必须把音频文件转换为不同的格式。
元素在老式浏览器中不起作用。
最好的HTML解决方法
下面的例子使用了两个不同的音频格式。HTML5元素会尝试以mp3或ogg来播放音频。如果失败，代码将回退尝试<embed>元素。
实例
<sourcesrc="horse.mp3"type="audio/mpeg">
<sourcesrc="horse.ogg"type="audio/ogg">
<embedheight="50"width="100"src="horse.mp3">
问题:
您必须把音频转换为不同的格式。
<embed>元素无法回退来显示错误消息。
使用超链接
如果网页包含指向媒体文件的超链接，大多数浏览器会使用"辅助应用程序"来播放文件。
以下代码片段显示指向mp3文件的链接。如果用户点击该链接，浏览器会启动"辅助应用程序"来播放该文件：
实例
Playthesound
内联的声音说明
当您在网页中包含声音，或者作为网页的组成部分时，它被称为内联声音。
如果您打算在web应用程序中使用内联声音，您需要意识到很多人都觉得内联声音令人恼火。同时请注意，用户可能已经关闭了浏览器中的内联声音选项。
我们最好的建议是只在用户希望听到内联声音的地方包含它们。一个正面的例子是，在用户需要听到录音并点击某个链接时，会打开页面然后播放录音。
关于“然后使用HTML5 audio元素”这篇文章的内容就介绍到这里，感谢各位的阅读！相信大家对“然后使用HTML5 audio元素”知识都有一定的了解，大家如果还想学习更多知识，欢迎关注编程网行业资讯频道。
