首页 > 代码库 > HTML 5 音频

HTML 5 音频

2024-08-27 15:14:06   238人阅读

HTML 5 音频

=================================================================================

音频是视频的重要组成部分,如果视频缺少了音频,就成了,无声视频,也许看起来效果会差很多

=================================================================================

在进入html5的音频学习的时候,我们不得不先关注一下音频的格式:

音频格式

当前，audio 元素支持三种音频格式：

 IE 9Firefox 3.5Opera 10.5Chrome 3.0Safari 3.0
Ogg Vorbis   √ √ √  
MP3 √     √ √
Wav   √ √   √
==================================================================================

如何工作

如需在 HTML5 中播放音频，您所有需要的是：

<audio src="http://www.mamicode.com/song.ogg" controls="controls">
</audio>

control 属性供添加播放、暂停和音量控件。

<audio> 与 </audio> 之间插入的内容是供不支持 audio 元素的浏览器显示的：

===================================================================================

实例

<audio src="http://www.mamicode.com/song.ogg" controls="controls">
Your browser does not support the audio tag.
</audio>

==========================================================================================

Internet Explorer



Internet Explorer 8 不支持 audio 元素。在 IE 9 中，将提供对 audio 元素的支持。


==========================================================================================


<audio> 标签的属性





属性值描述



autoplay
autoplay
如果出现该属性，则音频在就绪后马上播放。




controls
controls
如果出现该属性，则向用户显示控件，比如播放按钮。




loop
loop
如果出现该属性，则每当音频结束时重新开始播放。




preload
preload


如果出现该属性，则音频在页面加载时进行加载，并预备播放。


如果使用 "autoplay"，则忽略该属性。






src
url
要播放的音频的 URL。






============================================================================================




HTML 5 音频






























        

            
                
                  
                
                

                    联系

                    我们