HTML 多媒体

本是古典何须时尚 2023-10-13 08:14 2阅读 0赞

## HTML 多媒体 ##

--------------------

Web 上的多媒体指的是音效、音乐、视频和动画。

现代网络浏览器已支持很多多媒体格式。

--------------------

### 什么是多媒体？ ###

多媒体来自多种不同的格式。它可以是您听到或看到的任何内容，文字、图片、音乐、音效、录音、电影、动画等等。

在因特网上，您会经常发现嵌入网页中的多媒体元素，现代浏览器已支持多种多媒体格式。

在本教程中，您将了解到不同的多媒体格式，以及如何在您的网页中使用它们。

--------------------

### 浏览器支持 ###

第一款因特网浏览器只支持文本，而且即使是对文本的支持也仅限于单一字体和单一颜色。随后诞生了支持颜色、字体和文本样式的浏览器，图片支持也被加入。

不同的浏览器以不同的方式处理对音效、动画和视频的支持。某些元素能够以内联的方式处理，而某些则需要额外的插件。

您将在下面的章节学习更多有关插件的知识。

--------------------

### 多媒体格式 ###

格式 多媒体元素（比如视频和音频）存储于媒体文件中。

确定媒体类型的最常用的方法是查看文件扩展名。当浏览器得到文件扩展名 .htm 或 .html 时，它会假定该文件是 HTML 页面。.xml 扩展名指示 XML 文件，而 .css 扩展名指示样式表。图片格式则通过 .gif 或 .jpg 来识别。

多媒体元素也拥有带有不同扩展名的文件格式，比如 .swf、.wmv、.mp3 以及 .mp4。

--------------------

### 视频格式 ###

<table> 
 <tbody> 
  <tr> 
   <td> <p><img alt="" src="https://img-blog.csdnimg.cn/img_convert/8b1a63e320872ce5a0b2542a761329ee.jpeg"></p> </td> 
   <td>MP4是互联网推出新的视频格式。<br><br> YouTube 推荐使用 MP4 。<br><br> Flash Players 支持 MP4<br><br> HTML5 支持 MP4。</td> 
  </tr> 
 </tbody> 
</table>

<table> 
 <tbody> 
  <tr> 
   <th>格式</th> 
   <th>文件</th> 
   <th>描述</th> 
  </tr> 
  <tr> 
   <td>AVI</td> 
   <td>.avi</td> 
   <td>AVI (Audio Video Interleave) 格式是由微软开发的。所有运行 Windows 的计算机都支持 AVI 格式。它是因特网上很常见的格式，但非 Windows 计算机并不总是能够播放。</td> 
  </tr> 
  <tr> 
   <td>WMV</td> 
   <td>.wmv</td> 
   <td>Windows Media 格式是由微软开发的。Windows Media 在因特网上很常见，但是如果未安装额外的（免费）组件，就无法播放 Windows Media 电影。一些后期的 Windows Media 电影在所有非 Windows 计算机上都无法播放，因为没有合适的播放器。</td> 
  </tr> 
  <tr> 
   <td>MPEG</td> 
   <td> 
    <ul> 
     <li>.mpg</li> 
     <li>.mpeg</li> 
    </ul></td> 
   <td>MPEG (Moving Pictures Expert Group) 格式是因特网上最流行的格式。它是跨平台的，得到了所有最流行的浏览器的支持。</td> 
  </tr> 
  <tr> 
   <td>QuickTime</td> 
   <td>.mov</td> 
   <td>QuickTime 格式是由苹果公司开发的。QuickTime 是因特网上常见的格式，但是 QuickTime 电影不能在没有安装额外的（免费）组件的 Windows 计算机上播放。</td> 
  </tr> 
  <tr> 
   <td>RealVideo</td> 
   <td> 
    <ul> 
     <li>.rm</li> 
     <li>.ram</li> 
    </ul></td> 
   <td>RealVideo 格式是由 Real Media 针对因特网开发的。该格式允许低带宽条件下（在线视频、网络电视）的视频流。由于是低带宽优先的，质量常会降低。</td> 
  </tr> 
  <tr> 
   <td>Flash</td> 
   <td> 
    <ul> 
     <li>.swf</li> 
     <li>.flv</li> 
    </ul></td> 
   <td>Flash (Shockwave) 格式是由 Macromedia 开发的。Shockwave 格式需要额外的组件来播放。但是该组件会预装到 Firefox 或 IE 之类的浏览器上。</td> 
  </tr> 
  <tr> 
   <td>Mpeg-4</td> 
   <td>.mp4</td> 
   <td>Mpeg-4 (with H.264 video compression) 是一种针对因特网的新格式。事实上，YouTube 推荐使用 MP4。YouTube 接收多种格式，然后全部转换为 .flv 或 .mp4 以供分发。越来越多的视频发布者转到 MP4，将其作为 Flash 播放器和 HTML5 的因特网共享格式。</td> 
  </tr> 
 </tbody> 
</table>

<table> 
 <tbody> 
  <tr> 
   <th> <p><img alt="" src="https://img-blog.csdnimg.cn/img_convert/7dddbb4de20704516158df01820b8fb8.jpeg"></p> </th> 
   <td>最新的 HTML5 标准只支持 MP4, WebM, 和 Ogg 视频格式。</td> 
  </tr> 
 </tbody> 
</table>

### 声音格式 ###

MP3是一种音频压缩技术，其全称是动态影像专家压缩标准音频层面3（Moving Picture Experts Group Audio Layer III），简称为MP3。它被设计用来大幅度地降低音频数据量。如果你的站点是音乐类型的，你可以选择mp3格式。

<table> 
 <tbody> 
  <tr> 
   <th>格式</th> 
   <th>文件</th> 
   <th>描述</th> 
  </tr> 
  <tr> 
   <td>MIDI</td> 
   <td> 
    <ul> 
     <li>.mid</li> 
     <li>.midi</li> 
    </ul></td> 
   <td> <p>MIDI (Musical Instrument Digital Interface) 是一种针对电子音乐设备（比如合成器和声卡）的格式。MIDI 文件不含有声音，但包含可被电子产品（比如声卡）播放的数字音乐指令。</p> <p><a href="https://www.runoob.com/try/demo_source/beatles.mid" title="点击这里播放 The Beatles" rel="nofollow">点击这里播放 The Beatles</a>。</p> <p>因为 MIDI 格式仅包含指令，所以 MIDI 文件极其小巧。上面的例子只有 23k 的大小，但却能播放将近 5 分钟。MIDI 得到了广泛的平台上的大量软件的支持。大多数流行的网络浏览器都支持 MIDI。</p> </td> 
  </tr> 
  <tr> 
   <td>RealAudio</td> 
   <td> 
    <ul> 
     <li>.rm</li> 
     <li>.ram</li> 
    </ul></td> 
   <td>RealAudio 格式是由 Real Media 针对因特网开发的。该格式也支持视频。该格式允许低带宽条件下的音频流（在线音乐、网络音乐）。由于是低带宽优先的，质量常会降低。</td> 
  </tr> 
  <tr> 
   <td>Wave</td> 
   <td>.wav</td> 
   <td>Wave (waveform) 格式是由 IBM 和微软开发的。所有运行 Windows 的计算机和所有网络浏览器（除了 Google Chrome）都支持它。</td> 
  </tr> 
  <tr> 
   <td>WMA</td> 
   <td>.wma</td> 
   <td>WMA 格式 (Windows Media Audio)，质量优于 MP3，兼容大多数播放器，除了 iPod。WMA 文件可作为连续的数据流来传输，这使它对于网络电台或在线音乐很实用。</td> 
  </tr> 
  <tr> 
   <td>MP3</td> 
   <td> 
    <ul> 
     <li>.mp3</li> 
     <li>.mpga</li> 
    </ul></td> 
   <td>MP3 文件实际上是 MPEG 文件的声音部分。MPEG 格式最初是由运动图像专家组开发的。MP3 是其中最受欢迎的针对音乐的声音格式。期待未来的软件系统都支持它。</td> 
  </tr> 
 </tbody> 
</table>

<table> 
 <tbody> 
  <tr> 
   <th> <p><img alt="" src="https://img-blog.csdnimg.cn/img_convert/bdc1986699fc96386d5ae9baa0ca026b.jpeg"></p> </th> 
   <td>HTML5 的最新标准支持 MP3, WAV, 和 Ogg 音频格式。</td> 
  </tr> 
 </tbody> 
</table>