HTML5<audio>标签

自 HTML5 发布以来，可以使用“audio”标签将音频添加到网页中。以前，音频只能使用 Flash 等网络插件在网页上播放。 “audio”标签是一个内联元素，用于将声音文件嵌入到网页中。如果您想在网页上添加歌曲、采访等音频，这是一个有用的标签。

句法：

属性：下面列出了可以与“audio”标签一起使用的各种属性：

• Controls ：指定音频播放器显示的控件。
• 自动播放：指定音频文件在加载控件后立即播放。
• 循环：指定音频文件应连续重复。
• src :指定音频文件的 URL。
• muted ：指定音频文件应静音。

支持的格式： HTML5 支持 mp3、ogg、wav 三种格式。下面给出了不同浏览器对每种格式的支持：

Browser	MP3	WAV	OGG
Google Chrome	Yes	Yes	Yes
Internet Explorer	Yes	No	No
Firefox	Yes	Yes	Yes
Opera	Yes	Yes	Yes
Safari	Yes	Yes	No

下面的例子解释了音频标签：

示例1（在网页上添加音频）： controls 属性用于添加播放、暂停、音量等音频控件。 “source”元素用于指定浏览器可以使用的音频文件。浏览器使用第一个识别的格式。

输出 ：

示例 2（在网页上自动播放音频）： autoplay 属性用于在加载网页 URL 时自动开始播放音频文件。

HTML

  

  
    
Audio Sample
  
    
    
    

  

输出 ：

示例3（在网页上添加静音音频文件）： muted 属性指定应在网页上静音音频。

HTML

  

  
    
Audio Sample
  
    
    
    

  

输出 ：

示例 4（使用 source 元素添加音频）： source 元素可用于向网页添加音频文件。 src 属性用于指定指定文件的来源。

HTML

  

  
    
Audio Sample
  
    
    
    
  

  

输出 ：

示例5（添加多源音频）：指定了多个音频源，这样如果浏览器无法播放第一个源，则会自动跳转到第二个源并尝试播放。

HTML

  

  
    
Audio Sample
   
    
    
    
  

  

输出 ：

示例 6（使用“Embed”标签添加音频）：使用“embed”标签在网页上添加音频是一种古老的技术。这种方法确实有效，但与其他方法相比效率较低。用户必须有一个像 MIDI 或 QuickTime 这样的插件，因为嵌入标签需要一个插件来支持。

HTML

  

  
    
Audio Sample
  
    
    
    

  

输出：

支持的浏览器：

• 谷歌浏览器 4.0
• 浏览器 9.0
• 火狐 3.5
• 歌剧 10.5
• Safari 4.0