# HTML 多媒體
**Web 上的多媒體指的是音效、音樂、視頻和動畫。**
**現代網絡瀏覽器已支持很多多媒體格式。**
## 什么是多媒體?
多媒體來自多種不同的格式。它可以是您聽到或看到的任何內容,文字、圖片、音樂、音效、錄音、電影、動畫等等。
在因特網上,您會經常發現嵌入網頁中的多媒體元素,現代瀏覽器已支持多種多媒體格式。
在本教程中,您將了解到不同的多媒體格式,以及如何在您的網頁中使用它們。
## 瀏覽器支持
第一款因特網瀏覽器只支持文本,而且即使是對文本的支持也僅限于單一字體和單一顏色。隨后誕生了支持顏色、字體和文本樣式的瀏覽器,圖片支持也被加入。
不同的瀏覽器以不同的方式處理對音效、動畫和視頻的支持。某些元素能夠以內聯的方式處理,而某些則需要額外的插件。
您將在下面的章節學習更多有關插件的知識。
## 多媒體格式
多媒體元素(比如視頻和音頻)存儲于媒體文件中。
確定媒體類型的最常用的方法是查看文件擴展名。當瀏覽器得到文件擴展名 .htm 或 .html 時,它會假定該文件是 HTML 頁面。.xml 擴展名指示 XML 文件,而 .css 擴展名指示樣式表。圖片格式則通過 .gif 或 .jpg 來識別。
多媒體元素元素也擁有帶有不同擴展名的文件格式,比如 .swf、.wmv、.mp3 以及 .mp4。
## 視頻格式
MP4 格式是一種新的即將普及的因特網視頻格式。HTML5 、Flash 播放器以及優酷等視頻網站均支持它。
| 格式 | 文件 | 描述 |
| --- | --- | --- |
| 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 的因特網共享格式。 |
## 聲音格式
| 格式 | 文件 | 描述 |
| --- | --- | --- |
| MIDI | .mid .midi | MIDI (Musical Instrument Digital Interface) 是一種針對電子音樂設備(比如合成器和聲卡)的格式。MIDI 文件不含有聲音,但包含可被電子產品(比如聲卡)播放的數字音樂指令。 [點擊這里播放 The Beatles](img/beatles.mid)。 因為 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 是其中最受歡迎的針對音樂的聲音格式。期待未來的軟件系統都支持它。 |
## 使用哪種格式?
WAVE 是因特網上最受歡迎的_無壓縮_聲音格式,所有流行的瀏覽器都支持它。如果您需要未經壓縮的聲音(音樂或演講),那么您應該使用 WAVE 格式。
MP3 是最新的_壓縮_錄制音樂格式。MP3 這個術語已經成為數字音樂的代名詞。如果您的網址從事錄制音樂,那么 MP3 是一個選項。
- HTML 基礎
- HTML 簡介
- 基本的 HTML 標簽 - 四個實例
- HTML 元素
- HTML 屬性
- HTML 標題
- HTML 段落
- HTML 文本格式化
- HTML 編輯器
- HTML CSS
- HTML 鏈接
- HTML 圖像
- HTML 表格
- HTML 列表
- HTML <div> 和 <span>
- HTML 布局
- HTML 表單和輸入
- HTML 框架
- HTML Iframe
- HTML 背景
- HTML 顏色
- HTML 顏色名
- HTML 4.01 快速參考
- HTML 高級
- HTML <!DOCTYPE>
- HTML 頭部元素
- HTML 腳本
- HTML 字符實體
- HTML 統一資源定位器
- HTML URL 字符編碼
- HTML Web Server
- HTML 媒體
- HTML 多媒體
- HTML Object 元素
- HTML 音頻
- HTML 視頻
- HTML XHTML
- XHTML 簡介
- XHTML - 元素
- XHTML - 屬性
- HTML 5 教程
- HTML 5 簡介
- HTML 5 視頻
- HTML 5 Video + DOM
- HTML 5 音頻
- HTML 5 拖放
- HTML 5 Canvas
- HTML5 內聯 SVG
- HTML 5 Canvas vs. SVG
- HTML5 地理定位
- HTML 5 Web 存儲
- HTML 5 應用程序緩存
- HTML 5 Web Workers
- HTML 5 服務器發送事件
- HTML5 Input 類型
- HTML5 表單元素
- HTML5 表單屬性
- CSS 基礎
- CSS 簡介
- CSS 基礎語法
- CSS 高級語法
- CSS 派生選擇器
- CSS id 選擇器
- CSS 類選擇器
- CSS 屬性選擇器
- 如何創建 CSS
- CSS 樣式
- CSS 背景
- CSS 文本
- CSS 字體
- CSS 鏈接
- CSS 列表
- CSS 表格
- CSS 輪廓
- CSS 框模型
- CSS 框模型概述
- CSS 內邊距
- CSS 邊框
- CSS 外邊距
- CSS 外邊距合并
- CSS 定位
- CSS 定位 (Positioning)
- CSS 相對定位
- CSS 絕對定位
- CSS 浮動
- CSS 選擇器
- CSS 元素選擇器
- CSS 分組
- CSS 類選擇器詳解
- CSS ID 選擇器詳解
- CSS 屬性選擇器詳解
- CSS 后代選擇器
- CSS 屬性選擇器詳解
- CSS 后代選擇器
- CSS 子元素選擇器
- CSS 相鄰兄弟選擇器
- CSS 偽類 (Pseudo-classes)
- CSS 偽元素 (Pseudo-elements)
- CSS 高級
- CSS 水平對齊
- CSS 尺寸 (Dimension)
- CSS 分類 (Classification)
- CSS 導航條
- CSS 圖片庫
- CSS 圖像透明度
- CSS2 媒介類型
- CSS 注意事項
- CSS3 教程
- CSS3 簡介
- CSS3 邊框
- CSS3 背景
- CSS3 文本效果
- CSS3 字體
- CSS3 2D 轉換
- CSS3 3D 轉換
- CSS3 過渡
- CSS3 動畫
- CSS3 多列
- CSS3 用戶界面
- Firebug 教程
- Firebug 教程
- 使用Firebug查看和編輯HTML和CSS
- 使用 Firebug 調試 JavaScript
- Firebug頁面概況查看
- Firebug動態執行JavaScript
- Firebug記錄Javascript日志
- Firebug監控網絡情況
- 免責聲明