HTML5Audio(音频)

Created2024-12-07|Updated2024-12-07|codehtml

|Post Views:

HTML5 Audio(音频)

HTML5 提供了播放音频文件的标准。

互联网上的音频
直到现在，仍然不存在一项旨在网页上播放音频的标准。
今天，大多数音频是通过插件（比如 Flash）来播放的。然而，并非所有浏览器都拥有同样的插件。
HTML5 规定了在网页上嵌入音频元素的标准，即使用

浏览器支持

Internet Explorer 9+, Firefox, Opera, Chrome, 和 Safari 都支持

HTML5 Audio - 如何工作
如需在 HTML5 中播放音频，你需要使用以下代码：

实例

尝试一下 »

control 属性供添加播放、暂停和音量控件。
在之间你需要插入浏览器不支持的

音频格式及浏览器支持
目前,

浏览器
MP3
Wav
Ogg

Internet Explorer 9+
YES
NO
NO

Chrome 6+
YES
YES
YES

Firefox 3.6+
YES
YES
YES

Safari 5+
YES
YES
NO

Opera 10+
YES
YES
YES

音频格式的MIME类型

Format
MIME-type

MP3
audio/mpeg

Ogg
audio/ogg

Wav
audio/wav

HTML5 Audio 标签

标签
描述

Author: hory-ai horysk

Link: https://www.hory-ai.com/2024/12/07/html/HTML5Audio(音频)/

Copyright Notice: All articles on this blog are licensed under hory-ai.com horysk.com unless otherwise stated.

Related Articles

HTML(5)代码规范

HTML(5) 代码规范 HTML 代码约定很多 Web 开发人员对 HTML 的代码规范知之甚少。在2000年至2010年，许多Web开发人员从 HTML 转换到 XHTML。使用 XHTML 开发人员逐渐养成了比较好的 HTML 编写规范。而针对于 HTML5 ，我们应该形成比较好的代码规范，以下提供了几种规范的建议。使用正确的文档类型文档类型声明位于HTML文档的第一行：如果你想跟其他标签一样使用小写，可以使用以下代码：使用小写元素名HTML5 元素名可以使用大写和小写字母。推荐使用小写字母：混合了大小写的风格是非常糟糕的。开发人员通常使用小写 (类似 XHTML)。小写风格看起来更加清爽。小写字母容易编写。不推荐: 这是一个段落。非常糟糕: 这是一个段落。推荐: 这是一个段落。关闭所有 HTML 元素在 HTML5 中, 你不一定要关闭所有元素 (例如元素)，但我们建议每个元素都要添加关闭标签。不推荐: 这是一个段落。这是一个段落。推荐: 这是一个段落。这是一个段落。关闭空的...

HTML - XHTML XHTML 是以 XML 格式编写的 HTML。什么是 XHTML? XHTML 指的是可扩展超文本标记语言XHTML 与 HTML 4.01 几乎是相同的XHTML 是更严格更纯净的 HTML 版本XHTML 是以 XML 应用的方式定义的 HTMLXHTML 是 2001 年 1 月发布的 W3C 推荐标准XHTML 得到所有主流浏览器的支持为什么使用 XHTML?因特网上的很多页面包含了”糟糕”的 HTML。如果在浏览器中查看，下面的 HTML 代码运行起来非常正常（即使它并未遵守 HTML 规则）：这是一个不规范的 HTML 不规范的 HTML 这是一个段落 XML 是一种必须正确标记且格式良好的标记语言。如果希望学习 XML，请阅读我们的 XML 教程。今日的科技界存在一些不同的浏览器技术。其中一些在计算机上运行，而另一些可能在移动电话或其他小型设备上运行。小型设备往往缺乏解释”糟糕”的标记语言的资源和能力。所以 - 通过结合 XML 和 HTML 的长处，开发出了 XHTML。XHTML 是作为 XML 被重新设计的...

HTML5Geolocation（地理定位）

HTML5 Geolocation（地理定位） HTML5 Geolocation（地理定位）用于定位用户的位置。定位用户的位置HTML5 Geolocation API 用于获得用户的地理位置。鉴于该特性可能侵犯用户的隐私，除非用户同意，否则用户位置信息是不可用的。浏览器支持 Internet Explorer 9+, Firefox, Chrome, Safari 和 Opera 支持Geolocation（地理定位）.注意: Geolocation（地理定位）对于拥有 GPS 的设备，比如 iPhone，地理定位更加精确。 HTML5 - 使用地理定位请使用 getCurrentPosition() 方法来获得用户的位置。下例是一个简单的地理定位实例，可返回用户位置的经度和纬度: 实例 var x=document.getElementById(“demo”);function getLocation(){if...

HTML5 Canvas 标签定义图形，比如图表和其他图像，您必须使用脚本来绘制图形。在画布上（Canvas）画一个红色矩形，渐变矩形，彩色矩形，和一些彩色的文字。你的浏览器不支持 HTML5 的元素. 什么是 canvas? HTML5 元素用于图形的绘制，通过脚本 (通常是JavaScript)来完成. 标签只是图形容器，您必须使用脚本来绘制图形。你可以通过多种方法使用 canvas 绘制路径,盒、圆、字符以及添加图像。浏览器支持表格中的数字表示支持元素的第一个浏览器版本号。元素 4.0 9.0 2.0 3.1 9.0 创建一个画布（Canvas）一个画布在网页中是一个矩形框，通过元素来绘制.注意: 默认情况下元素没有边框和内容。简单实例如下: 注意: 标签通常需要指定一个id属性 (脚本中经常引用),width 和 height 属性定义的画布的大小.提示:你可以在HTML页面中使用多个元素.使用 style 属性来添加边框: 实例尝试一下 » 使用 JavaScript 来绘制图像canvas...

HTML5 SVG SVG 定义为可缩放矢量图形。HTML5 支持内联 SVG。HTML 元素是 SVG 图形的容器。SVG 有多种绘制路径、框、圆、文本和图形图像的方法。 SVG Sorry, your browser does not support inline SVG. 什么是SVG？ SVG 指可伸缩矢量图形 (Scalable Vector Graphics)SVG 用于定义用于网络的基于矢量的图形SVG 使用 XML 格式定义图形SVG 图像在放大或改变尺寸的情况下其图形质量不会有损失SVG 是万维网联盟的标准 SVG优势与其他图像格式相比（比如 JPEG 和 GIF），使用 SVG 的优势在于： SVG 图像可通过文本编辑器来创建和修改SVG 图像可被搜索、索引、脚本化或压缩SVG 是可伸缩的SVG 图像可在任何的分辨率下被高质量地打印SVG 可在图像质量不下降的情况下被放大浏览器支持表格中的数字表示支持该元素的第一个浏览器版本号。元素 4.0 9.0 3.0 3.2 10.1 把 SVG 直接嵌入 HTML 页面在 HTML5 中，您能够将...

HTML5Video(视频)

HTML5 Video(视频) 很多站点都会使用到视频. HTML5 提供了展示视频的标准。检测您的浏览器是否支持 HTML5 视频：检测 Web站点上的视频直到现在，仍然不存在一项旨在网页上显示视频的标准。今天，大多数视频是通过插件（比如 Flash）来显示的。然而，并非所有浏览器都拥有同样的插件。HTML5 规定了一种通过 video 元素来包含视频的标准方法。浏览器支持 Internet Explorer 9+, Firefox, Opera, Chrome, 和 Safari 支持元素.注意: Internet Explorer 8 或者更早的IE版本不支持元素。 HTML5 (视频)- 如何工作如需在 HTML5 中显示视频，您所有需要的是：实例您的浏览器不支持Video标签。尝试一下 » 元素提供了播放、暂停和音量控件来控制视频。同时元素也提供了 width 和 height...