HTML 中的浏览器支持哪种媒体格式?
HTML 支持各种媒体元素,例如音频或视频。它使用
音频格式:
HTML 使用
- MP3
- WAV
- 奥格
1. MP3: MPEG audio layer-3 (MP3) 基本上是一种音频文件的数据压缩格式,代表了 MPEG 文件的音频部分。它是音频文件最常用的格式,因为它具有良好的压缩能力以及高质量的音频。它用于在网页或网络视频中插入音频文件。 MP3 文件具有 .mp3 扩展名,并受所有浏览器支持。
特征:
- 高品质音频
- 小文件大小
- 压缩数据
- 所有浏览器都支持
句法:
示例:以下代码将在 HTML 文档中添加一个 MP3 音频文件,或者如果浏览器不支持该文件,则将显示写在 之间的文本:
HTML
HTML
HTML
HTML
HTML
HTML
输出:
2. WAV:波形音频文件格式(WAV)基本上是一种用于存储未压缩音频比特流的音频格式。 WAV 文件具有更好的音频质量,但由于其未压缩数据,它们的文件大小相对大于 MP3 文件。它主要用于播放 CD 质量的音乐文件或网络动画。 WAV 文件具有 .wav 扩展名,并受 Google Chrome、Firefox、Opera 和 Safari 浏览器的支持。
特征:
- 高品质音频
- 大文件大小
- 未压缩数据
- 大多数浏览器都支持
句法:
示例:以下代码将在 HTML 文档中添加一个 WAV 音频文件,或者如果浏览器不支持该文件,则将显示写在 之间的文本:
HTML
输出:
3. Ogg: Ogg 基本上是一种视听文件格式,用于在开放容器中存储压缩数据以及有关文件的元数据。它具有比 MP3 更好的音频质量和相对较小的文件大小。它的压缩比特率可以随文件要求而变化。它用于流式传输和处理高质量的数字多媒体数据。 Ogg 文件具有 .ogg 扩展名,并受 Google Chrome、Firefox 和 Opera 浏览器的支持。
特征:
- 良好的音频质量
- 小文件大小
- 压缩数据以及文件的元数据
- 受 Google Chrome、Firefox 和 Opera 支持
句法:
示例:以下代码将在 HTML 文档中添加一个 Ogg 音频文件,或者如果浏览器不支持该文件,则会显示写在 之间的文本:
HTML
输出:
视频格式:
HTML 使用
- MP4
- 网络管理
- 奥格
1. MP4: MPEG-4(MP4)基本上是一种数字多媒体容器格式,用于存储音频、视频和静止图像等压缩数据。它是 Youtube 推荐的视频文件格式,因为它具有良好的压缩能力和高质量的数据。它通常用于摄像机和电视硬件。 MP4 文件具有 .mp4 扩展名,并受所有浏览器支持。
特征:
- 高质量视频
- 小文件大小
- 压缩数据
- 所有浏览器都支持
句法:
示例:以下代码将在 HTML 文档中添加一个 MP4 视频文件,或者如果浏览器不支持该文件,则会显示写在 之间的文本:
HTML
输出:
2. WebM: Web Methods (WebM) 是一种视听文件格式,用于在 HTML 文档中添加音频或视频元素。它支持高质量的视频,文件大小几乎可以与 MP4 文件媲美。它可用于流式传输,因为即使技术特性较低的机器也支持它。 WebM 文件具有 .webm 扩展名,并受 Google Chrome、Firefox、Opera 和 Safari 浏览器支持。
特征:
- 高质量的视频
- 文件大小与 MP4 相当
- 所有机器都支持,即使技术特性较低
- 大多数浏览器都支持
句法:
示例:以下代码将在 HTML 文档中添加一个 WEBM 视频文件,或者如果浏览器不支持该文件,则会显示写在 之间的文本:
HTML
输出:
3. Ogg: Ogg 基本上是一种视听文件格式,用于在开放容器中存储压缩数据以及有关文件的元数据。它具有比 MP4 更好的数据质量和相对较小的文件大小。它的压缩比特率可以随文件要求而变化。它用于流式传输和处理高质量的数字多媒体数据。 Ogg 文件具有 .ogg 扩展名,并受 Google Chrome、Firefox 和 Opera 浏览器的支持。
特征:
- 数据质量好
- 小文件大小
- 压缩数据以及文件的元数据
- 受谷歌浏览器、火狐和 Opera 支持
句法:
示例:以下代码将在 HTML 文档中添加 Ogg 视频文件,或者如果浏览器不支持该文件,则会显示写在 之间的文本:
HTML
输出: