📜  HTML 中的浏览器支持哪种媒体格式?

📅  最后修改于: 2022-05-13 01:56:33.493000             🧑  作者: Mango

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



  

  
    
  

  

输出: