然后使用HTML5audio元素

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

创新互联专注网站设计,以设计驱动企业价值的持续增长,网站,看似简单却每一个企业都需要——设计,看似简洁却是每一位设计师的心血 10余年来,我们只专注做网站。认真对待每一个客户,我们不用口头的语言来吹擂我们的优秀,上千多家的成功案例见证着我们的成长。

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

    Theelementworksinallmodernbrowsers.

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

    实例

       

   

    Yourbrowserdoesnotsupportthisaudioformat.

        问题:

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

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

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

    最好的HTML解决方法

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

    实例

       

   

   

        问题:

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

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

    使用超链接

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

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

    实例

    Playthesound

    内联的声音说明

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

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

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

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


新闻名称:然后使用HTML5audio元素
文章位置:http://myzitong.com/article/jejopo.html