然后使用HTML5 audio元素

这篇文章主要介绍了然后使用HTML5 audio元素的相关知识，内容详细易懂，操作简单快捷，具有一定借鉴价值，相信大家阅读完这篇然后使用HTML5 audio元素文章都会有所收获，下面我们一起来看看吧。

    HTML5元素是一个HTML5元素，在HTML4中是非法的，但在所有浏览器中都有效。

    Theelementworksinallmodernbrowsers.

    以下我们将使用标签来描述MP3文件(InternetExplorer、Chrome以及Safari中是有效的),同样添加了一个OGG类型文件(Firefox和Opera浏览器中有效).如果失败，它会显示一个错误文本信息:

    实例

        <sourceclass="lazy" data-src="horse.mp3"type="audio/mpeg">

    <sourceclass="lazy" data-src="horse.ogg"type="audio/ogg">

    Yourbrowserdoesnotsupportthisaudioformat.

        问题:

    标签在HTML4中是无效的。您的页面无法通过HTML4验证。

    您必须把音频文件转换为不同的格式。

    元素在老式浏览器中不起作用。

    最好的HTML解决方法

    下面的例子使用了两个不同的音频格式。HTML5元素会尝试以mp3或ogg来播放音频。如果失败，代码将回退尝试<embed>元素。

    实例

        <sourceclass="lazy" data-src="horse.mp3"type="audio/mpeg">

    <sourceclass="lazy" data-src="horse.ogg"type="audio/ogg">

    <embedheight="50"width="100"class="lazy" data-src="horse.mp3">

        问题:

    您必须把音频转换为不同的格式。

    <embed>元素无法回退来显示错误消息。

    使用超链接

    如果网页包含指向媒体文件的超链接，大多数浏览器会使用"辅助应用程序"来播放文件。

    以下代码片段显示指向mp3文件的链接。如果用户点击该链接，浏览器会启动"辅助应用程序"来播放该文件：

    实例

    Playthesound

    内联的声音说明

    当您在网页中包含声音，或者作为网页的组成部分时，它被称为内联声音。

    如果您打算在web应用程序中使用内联声音，您需要意识到很多人都觉得内联声音令人恼火。同时请注意，用户可能已经关闭了浏览器中的内联声音选项。

    我们最好的建议是只在用户希望听到内联声音的地方包含它们。一个正面的例子是，在用户需要听到录音并点击某个链接时，会打开页面然后播放录音。

关于“然后使用HTML5 audio元素”这篇文章的内容就介绍到这里，感谢各位的阅读！相信大家对“然后使用HTML5 audio元素”知识都有一定的了解，大家如果还想学习更多知识，欢迎关注编程网行业资讯频道。