Latest web development tutorials

HTML 媒體(Media)

Web 上的多媒體指的是音效、音樂、視頻和動畫。

現代網絡瀏覽器已支持很多多媒體格式。

什麼是多媒體？

多媒體來自多種不同的格式。 它可以是您聽到或看到的任何內容，文字、圖片、音樂、音效、錄音、電影、動畫等等。

在因特網上，您會經常發現嵌入網頁中的多媒體元素，現代瀏覽器已支持多種多媒體格式。

在本教程中，您將了解到不同的多媒體格式，以及如何在您的網頁中使用它們。

瀏覽器支持

第一款因特網瀏覽器只支持文本，而且即使是對文本的支持也僅限於單一字體和單一顏色。 隨後誕生了支持顏色、字體和文本樣式的瀏覽器，圖片支持也被加入。

不同的瀏覽器以不同的方式處理對音效、動畫和視頻的支持。 某些元素能夠以內聯的方式處理，而某些則需要額外的插件。

您將在下面的章節學習更多有關插件的知識。

多媒體格式

格式多媒體元素（比如視頻和音頻）存儲於媒體文件中。

確定媒體類型的最常用的方法是查看文件擴展名。 當瀏覽器得到文件擴展名.htm 或.html 時，它會假定該文件是HTML 頁面。 .xml 擴展名指示XML 文件，而.css 擴展名指示樣式表。 圖片格式則通過.gif 或.jpg 來識別。

多媒體元素元素也擁有帶有不同擴展名的文件格式，比如.swf、.wmv、.mp3 以及.mp4。

視頻格式

pic_video MP4是互聯網推出新的視頻格式。

YouTube 推薦使用MP4 。

Flash Players 支持MP4

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

Note 最新的HTML5 標準只支持MP4, WebM, 和Ogg 視頻格式。

聲音格式

MP3是一種音頻壓縮技術，其全稱是動態影像專家壓縮標準音頻層面3（Moving Picture Experts Group Audio Layer III），簡稱為MP3。 它被設計用來大幅度地降低音頻數據量。 如果你的站點是音樂類型的，你可以選擇mp3格式。

格式 文件 描述
MIDI
  • .mid
  • .midi

MIDI (Musical Instrument Digital Interface) 是一种针对电子音乐设备（比如合成器和声卡）的格式。MIDI 文件不含有声音，但包含可被电子产品（比如声卡）播放的数字音乐指令。

点击这里播放 The Beatles 。

因为 MIDI 格式仅包含指令，所以 MIDI 文件极其小巧。上面的例子只有 23k 的大小，但却能播放将近 5 分钟。MIDI 得到了广泛的平台上的大量软件的支持。大多数流行的网络浏览器都支持 MIDI。
RealAudio
  • .rm
  • .ram
 RealAudio 格式是由 Real Media 针对因特网开发的。该格式也支持视频。该格式允许低带宽条件下的音频流（在线音乐、网络音乐）。由于是低带宽优先的，质量常会降低。
Wave .wav Wave (waveform) 格式是由 IBM 和微软开发的。所有运行 Windows 的计算机和所有网络浏览器（除了 Google Chrome）都支持它。
WMA .wma WMA 格式 (Windows Media Audio)，质量优于 MP3，兼容大多数播放器，除了 iPod。WMA 文件可作为连续的数据流来传输，这使它对于网络电台或在线音乐很实用。
MP3
  • .mp3
  • .mpga
 MP3 文件实际上是 MPEG 文件的声音部分。MPEG 格式最初是由运动图像专家组开发的。MP3 是其中最受欢迎的针对音乐的声音格式。期待未来的软件系统都支持它。

Note HTML5 的最新標準支持MP3, WAV, 和Ogg 音頻格式。