html音频

时间 2019-11-17

标签 html 音频栏目 HTML 繁體版

原文原文链接

一使用插件：html

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

插件不少用途：播放音乐、显示地图、验证银行帐号、控制输入等等。浏览器

能够使用<object>或者<embed>标签来将插件天剑到html页面。网站

这些标签订义资源（一般非html资源）的容器，根据类型。它们即会由浏览器显示，也会由外部插件显示。this

使用<embed>spa

下面代码可以显示嵌入网页的mp3文件：code

例如：orm

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

问题：

<embed> 标签在 HTML 4 中是无效的。页面没法经过 HTML 4 验证。
不一样的浏览器对音频格式的支持也不一样。
若是浏览器不支持该文件格式，没有插件的话就没法播放该音频。
若是用户的计算机未安装插件，没法播放音频。
若是把该文件转换为其余格式，仍然没法在全部浏览器中播放。

注释：使用 <!DOCTYPE html> (HTML5) 解决验证问题。

使用<object>元素：

下面代码可以显示嵌入网页中的mp3文件：

例如：

问题：

不一样的浏览器对音频格式的支持也不一样。
若是浏览器不支持该文件格式，没有插件的话就没法播放该音频。
若是用户的计算机未安装插件，没法播放音频。
若是把该文件转换为其余格式，仍然没法在全部浏览器中播放。

二使用html5<audio>元素：

<audio>元素是一个html5元素，在html4中是非法的，可是在全部浏览器中都有效果。

例如：

your browser does not support this audio format.

</audio>

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

为了使这段音频在 Firefox 和 Opera 中一样有效，添加了一个 ogg 类型的文件。若是失败，会显示错误消息。

问题：

<audio> 标签在 HTML 4 中是无效的。您的页面没法经过 HTML 4 验证。
您必须把音频文件转换为不一样的格式。
<audio> 元素在老式浏览器中不起做用。

注释：使用 <!DOCTYPE html> (HTML5) 解决验证问题。

最好的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>

上面的例子使用了两个不一样的音频格式。HTML5 <audio> 元素会尝试以 mp3 或 ogg 来播放音频。若是失败，代码将回退尝试 <embed> 元素。

问题：

您必须把音频转换为不一样的格式。
<audio> 元素没法经过 HTML 4 和 XHTML 验证。
<embed> 元素没法经过 HTML 4 和 XHTML 验证。
<embed> 元素没法回退来显示错误消息。

注释：使用 <!DOCTYPE html> (HTML5) 解决验证问题。

向网站添加音频的最简单方法：

html4.0多媒体标签

html5多媒体标签