當前位置 : IT培訓網 > Web前端 > Web教程 > 如何制作HTML多媒體

如何制作HTML多媒體

時間:2016-12-13 14:44:17??來源:web前端培訓網??作者:IT培訓網??已有:名學員訪問該課程
科技的進步,促進了多媒體的發展,在生活中我們聽到最多的就是超清、高清、4k電視、視頻等等,是的,這些視頻的播放都需要一個多媒體播放器,而在網頁中植入多媒體播放器才可以讓用戶看到視頻,如果你想要做到這點,那就

多媒體一般用于教學的比較多,當然,雖然互聯網的發展,一些視頻教學站興起了,讓不少學員得到了益處,不過很多人疑問了,如何將多媒體視頻整合到網上呢,如何才可以在網頁中展現多媒體課程呢?下面就隨著小編一起來看看什么是HTML多媒體吧!

HTML 多媒體

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

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

什么是多媒體?

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

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

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

多媒體格式

格式 多媒體元素(比如視頻和音頻)存儲于媒體文件中。

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

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

瀏覽器支持

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

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

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

視頻格式

如何制作HTML多媒體_www.oalvodamoda.com

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 的因特網共享格式。

 

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

聲音格式

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

格式

文件

描述

MIDI

· .mid

· .midi

MIDI (Musical Instrument Digital Interface) 是一種針對電子音樂設備(比如合成器和聲卡)的格式。MIDI 文件不含有聲音,但包含可被電子產品(比如聲卡)播放的數字音樂指令。

因為 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 是其中最受歡迎的針對音樂的聲音格式。期待未來的軟件系統都支持它。

 

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

科技的進步,促進了多媒體的發展,在生活中我們聽到最多的就是超清、高清、4k電視、視頻等等,是的,這些視頻的播放都需要一個多媒體播放器,而在網頁中植入多媒體播放器才可以讓用戶看到視頻,如果你想要做到這點,那就趕緊學習HTML多媒體的制作吧!

頂一下
(5)
100%
踩一下
(0)
0%
------分隔線----------------------------
------分隔線----------------------------
Web 教程
1、HTML 教程
1.1 HTML 簡介
1.2 HTML 編輯器
1.3 HTML 基礎
1.4 HTML 元素
1.5 HTML 屬性
1.6 HTML 標題
1.7 HTML 段落
1.8 HTML 文本格式化
1.9 HTML 鏈接
1.10 HTML 頭部
1.11 HTML CSS
1.12 HTML 圖像
1.13 HTML 表格
1.14 HTML 列表
1.15 HTML 區塊
1.16 HTML 布局
1.17 HTML 表單
1.18 HTML 框架
1.19 HTML 顏色
1.20 HTML 顏色名
1.21 HTML 顏色值
1.22 HTML 腳本
1.23 HTML 字符實體
1.24 HTML URL
1.25 HTML 速查列表
1.26 HTML 總結
1.27 HTML 簡介
2、HTML5
2.1 HTML5 教程
2.2 HTML5 瀏覽器支持
2.3 HTML5 新元素
2.4 HTML5 Canvas
2.5 HTML5 內聯 SVG
2.6 HTML5 MathML
2.7 HTML5 拖放
2.8 HTML5 地理定位
2.9 HTML5 Video(視頻)
2.10 HTML5 Audio(音頻)
2.11 HTML5 Input 類型
2.12 HTML5 表單元素
2.13 HTML5 表單屬性
2.14 HTML5 語義元素
2.15 HTML5 Web 存儲
2.16 HTML5 Web SQL
2.17 HTML5 應用程序緩存
2.18 HTML5 Web Workers
2.19 HTML5 SSE
2.20 HTML5 WebSocket
2.21 HTML5 代碼規范
3、HTML 媒體
3.1 HTML 媒體(Media)
3.2 HTML 插件
3.3 HTML 音頻(Audio)
3.4 HTML視頻(Videos)播放
五月情天