HTML 音频

在HTML中播放音频的方法有很多种，主要是兼容性问题

使用插件

浏览器插件是一种扩展浏览器标准功能的小型计算机程序。

插件有很多种用途：播放音乐、显示地图、验证银行帐号、控制输入等等。

可使用 <object> 或 <embed> 标签来将插件添加到 HTML 页面。

这些标签定义资源（通常非HTML资源）的容器，根据类型，它们即会由浏览器显示，也会由外部插件显示。

使用<embed>元素

<embed>标签定义外部（非HTML）容器的内容。这是一个HTML5的标签，在HTML4中是非法的，但是所有浏览器中都有效。

下面代码片段能够显示嵌入网页的MP3文件：

<embed height="100" width="100" src="song.mp3" />

使用<object>元素

<object tag>标签可以定义外部（非HMLT）内容的容器。

下面代码片段能够显示嵌入网页中的MP3文件：

<object height="100" width="100" data="song.mp3"></object>

使用HTML<audio>元素

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

<audio controls="controls">
  <source src="song.mp3" type="audio/mp3" />
  <source src="song.ogg" type="audio/ogg" />
Your browser does not support this audio format.
</audio>

上面的例子使用了一个mp3文件，这样它在IE、Chrome以及Safari中同样有效。

为了使这段音频在firefox和opera中同样有效，添加一个ogg文件。如果失败，会显示错误消息。

最好的HTML解决办法

<audio controls="controls" height="100" width="100">
  <source src="song.mp3" type="audio/mp3" />
  <source src="song.ogg" type="audio/ogg" />
<embed height="100" width="100" src="song.mp3" />
</audio>

 
               
作者：XXX
               
信息录入:XXX
               
文案编辑:XXX
               
视频录制:XXX
               
视频编辑:XXX
               
图片编辑:XXX
               
关键字修改:陈鑫