HTML5加隐藏音频,html5 添加音频

WEB中的Audio标签

今天，大多数音频是通过插件(比如 Flash)来播放的。然而，并非所有浏览器都拥有同样的插件。

HTML5定义了一个新的元素用来指定标准的方式来插入音频文件到web页面中：标签。使用audio标签可以控制音频的播放与停止，循环播放与播放次数设置，以及播放位置等等，详情请看下表。

属性

值

描述

autoplay

true | false

如果是 true，则音频在就绪后马上播放。

controls

true | false

如果是 true，则向用户显示控件，比如播放按钮。

end

numeric value

定义播放器在音频流中的何处停止播放。默认地，声音会播放到结尾。

loopend

numeric value

定义在音频流中循环播放停止的位置，默认是 end 属性的值。

loopstart

numeric value

定义在音频流中循环播放的开始位置。默认是 start 属性的值。

playcount

numeric value

定义音频片断播放多少次。默认是 1。

src

url

所播放音频的 url。

start

numeric value

定义播放器在音频流中开始播放的位置。默认地，声音在开头进行播放。

目前支持audio标签的浏览器有：

IE9，Firefox， Opera，Chrome和Safari都支持标签。

注意：IE8和更早的版本，不支持标签。

如何使用Audio

要在HTML5中播放音频，需要在body中插入以下代码：

你可以在和标签之间插入文字内容，这样如果浏览器不支持audio，那么会显示这些文字。

也许你会问auto中怎么会包含3个source标签呢？这是为了浏览器和音频格式的兼容性，浏览器制造商并非都同意使用某一种音频文件格式。例如，Chrome、Internet Explorer 9 (IE9) 和 Safari 浏览器不支持 WAV 文件，这是一种使用非压缩格式且正在衰败的标准。我们将每个视频文件名放在单独的 标签里，并且音频容器中的所有源标签都由 构成，如下所示。那么，无论访问者使用什么浏览器，它都将自动选择所读取的第一个文件类型，并为您播放声音。

HTML5浏览器和音频格式兼容性

音频格式

Chrome

Firefox

IE9

Opera

Safari

OGG

支持

支持

支持

不支持

不支持

MP3

支持

不支持

支持

不支持

支持

WAV

不支持

支持

不支持

支持

不支持

此外，不同浏览器音频空间外观也不一样。

转载时请注明出处及相应链接，本文永久地址：https://blog.yayuanzi.com/923.html

微信打赏

支付宝打赏

感谢您对作者houjushang的打赏，我们会更加努力！    如果您想成为作者，请点我