开发手册 欢迎您!
软件开发者资料库

HTML 音频(Audio)

HTML 音频(Audio) 声音在HTML中可以以不同的方式播放. 问题以及解决方法 在 HTML 中播放音频并不容易! 您需要谙熟大量技巧,以确保您的音频文件在所有浏览器中(Internet Explorer, Chrome, Firefox, Safari, Opera)和所有硬件上(P

HTML 音频(Audio)


声音在HTML中可以以不同的方式播放.


问题以及解决方法

在 HTML 中播放音频并不容易!

您需要谙熟大量技巧,以确保您的音频文件在所有浏览器中(Internet Explorer, Chrome, Firefox, Safari, Opera)和所有硬件上(PC, Mac , iPad, iPhone)都能够播放。

在本章,W3Cschool为您总结了问题和解决方法。

您可以参考本站的 HTML 参考手册的 一节来获得更多详细信息!


使用插件

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

插件可以使用 标签 或者 标签添加在页面上. 

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


使用 元素

标签定义外部(非 HTML)内容的容器。(这是一个 HTML5 标签,在 HTML4 中是非法的,但是所有浏览器中都有效)。

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

问题:

  • 标签在 HTML 4 中是无效的。页面无法通过 HTML 4 验证。

  • 不同的浏览器对音频格式的支持也不同。

  • 如果浏览器不支持该文件格式,没有插件的话就无法播放该音频。

  • 如果用户的计算机未安装插件,无法播放音频。

  • 如果把该文件转换为其他格式,仍然无法在所有浏览器中播放。


使用 元素

标签也可以定义外部(非 HTML)内容的容器。

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

问题:

  • 不同的浏览器对音频格式的支持也不同。

  • 如果浏览器不支持该文件格式,没有插件的话就无法播放该音频。

  • 如果用户的计算机未安装插件,无法播放音频。

  • 如果把该文件转换为其他格式,仍然无法在所有浏览器中播放。


使用 HTML5

HTML5

The

浏览器兼容

格中的数字表示支持该属性的第一个浏览器版本号。

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" rel="external nofollow" alt="" class="">

以下我们将使用

实例


尝试一下 »

问题:

  • 您必须把音频文件转换为不同的格式。


最好的 HTML 解决方法

下面的例子使用了两个不同的音频格式。HTML5

实例


尝试一下 »

问题:

  • 您必须把音频转换为不同的格式。

  • 元素无法回退来显示错误消息。


雅虎媒体播放器 - 一个简单的添加音频到你网站上的方式

使用雅虎播放器是免费的。如需使用它,您需要把这段 JavaScript 插入网页底部:

雅虎播放器可以播放 MP3 以及其他各种格式。你只需添加一行代码到你的页面或 博客中就可以轻松地将您的 HTML 页面制作成专业的播放列表:

如果你要使用它,您需要把这段 JavaScript 代码插入网页底部:

然后只需简单地把 MP3 文件链接到您的 HTML 中,JavaScript 会自动地为每首歌创建播放按钮:

Play Song 1
Play Song 2
...
...

雅虎媒体播放器为您的用户提供的是一个小型的播放按钮,而不是完整的播放器。不过,当您点击该按钮,会弹出完整的播放器。

请注意,这个播放器始终停靠在窗框底部。只需点击它,就可将其滑出。


使用超链接

如果网页包含指向媒体文件的超链接,大多数浏览器会使用"辅助应用程序"来播放文件。

以下代码片段显示指向 MP3 文件的链接。如果用户点击该链接,浏览器会启动"辅助应用程序"来播放该文件:



内联的声音说明

当您在网页中包含声音,或者作为网页的组成部分时,它被称为内联声音。

如果您打算在 Web 应用程序中使用内联声音,您需要意识到很多人都觉得内联声音令人恼火。同时请注意,用户可能已经关闭了浏览器中的内联声音选项。

我们最好的建议是只在用户希望听到内联声音的地方包含它们。一个正面的例子是,在用户需要听到录音并点击某个链接时,会打开页面然后播放录音。


HTML 多媒体标签

New : HTML5 新标签

标签 描述
定义内嵌对象。HTML4 中不赞成,HTML5 中允许。
定义内嵌对象。
定义对象的参数。
New 定义了声音内容
New 定义一个视频或者影片
New 定义了media元素的多媒体资源(
New 规定media元素的字幕文件或其他包含文本的文件 (


2009-2024 Copyright Wonhero.Com All Rights Reserved
深圳幻海软件技术有限公司 版权所有