HTML5 video audio屬性

什么是編解碼器

編解碼器是使用壓縮算法對數(shù)據(jù)的數(shù)字流進行編碼和解碼,使之更適合播放的計算機程序。編解碼器的目標通常是在保證音頻和視頻所能達到的最高質(zhì)量的情況下減小文件尺寸。當然,不同編解碼器的表現(xiàn)是不一致的。

視頻文件格式

HTML5 支持三種視頻文件格式(即編解碼器)。
??Ogg Theora 使用的文件擴展名為 .ogg或 .ogv,支持它的瀏覽器包括 Firefox3.5+、Chrome 4+、Opera 10.5+ 以 及Android 版 Firefox。
??MP4(H.264)使用的文件擴展名為.mp4 或 .m4v,支持它的瀏覽器包括Safari 3.2+、Chrome 4-?(參見提示)、Internet Explorer 9+、iOS(MobileSafari) 和 Android 2.1+、Android 版Chrome、Android 版 Firefox 和 OperaMobile 11+。
??WebM 使用的文件擴展名為 .webm,支 持 它 的 瀏 覽 器 包 括 Firefox 4+、Chrome 6+、Opera 10.6+、Android2.3+、Android 版 Chrome、Android 版Firefox 和 Opera Mobile 14。

<video src="paddle-steamer.webm"
controls="controls" autoplay="autoplay">
</video>

video 屬性

屬 性 描述
src (源) 指定視頻文件的 URL
autoplay(自動播放) 當視頻可以播放時立即開始播放
controls (控件) 添加瀏覽器為視頻設(shè)置的默認控件
muted (靜音) 讓視頻靜音
loop (循環(huán)) 讓視頻循環(huán)播放
poster (海報) 指定視頻加載時要顯示的圖像(而不顯示視頻的第一幀)。接受所需圖像文件的 URL
width (寬度) 視頻的寬度(以像素為單位),通常默認為 300
height (高度) 視頻的高度(以像素為單位),通常默認為 150
preload (預(yù)加載) 告訴瀏覽器要加載的視頻內(nèi)容的多少??梢允且韵氯齻€值:none 表示不加載任何視頻;metadata 表示僅加載視頻的元數(shù)據(jù)(如長度、尺寸等);auto 表示讓瀏覽器決定怎樣做(這是默認的設(shè)置)

source 的屬性

屬 性 描述
src 視頻來源的 URL
type 用于指定視頻的類型,幫助瀏覽器決定它是否能播放該視頻。該屬性的值反映的是視頻的格式,即編解碼器(如 video/mp4 、 video/webm 、video/ogg )
media 用于為視頻來源指定 CSS3 媒體查詢,從而可以為具有不同屏幕尺寸的設(shè)備指定不同的(如更小的)視頻

HTML5 還指定了一種新的文件格式WebVTT(Web Video Text Track,Web 視頻文本軌道)用于包含文本字幕、標題、描述、篇章等視頻內(nèi)容。

音頻文件格式

Ogg Vorbis 使 用 的 文 件 擴 展 名 為.ogg,支持它的瀏覽器包括 Firefox
3.5+、Chrome 5+ 和 Opera 10.5+。
??MP3 使用的文件擴展名為 .mp3,支持它的瀏覽器包括 Safari 5+、Chrome6+、Internet Explorer 9+ 和 iOS。
??WAV 使用的文件擴展名為 .wav,支持它的瀏覽器包括 Firefox 3.6+、Safari5+、Chrome 8+ 和 Opera 10.5+。
??AAC 使用的文件擴展名為 .aac,支持它的瀏覽器包括 Safari 3+、InternetExplorer 9+、iOS 3+ 和 Android 2+。
??MP4 使用的文件擴展名為 .mp4,支持它的瀏覽器包括 Safari 3+、Chrome5+、Internet Explorer 9+、iOS 3+ 和Android 2+。
??Opus 使用的文件擴展名是 .opus。這是一種新的音頻文件格式,在本書寫作之時只有 Firefox 支持。你應(yīng)該還記得,MP4 是一種視頻編解碼器,不過它也可以僅對音頻數(shù)據(jù)進行編碼。

音頻屬性

屬性 描述
src (源) 指定音頻文件的 URL
autoplay (自動播放) 當音頻可以播放時立即開始播放
controls (控件) 添加瀏覽器為音頻設(shè)置的默認控件
muted (靜音) 讓音頻靜音
loop (循環(huán)) 讓音頻循環(huán)播放
preload (預(yù)加載) 告訴瀏覽器要加載的音頻內(nèi)容的多少。可以是以下三個值:none 表示不加載任何音頻; metadata 表示僅加載音頻的元數(shù)據(jù)(如長度); auto表示讓瀏覽器決定怎樣做(這是默認的設(shè)置)

設(shè)置 MIME 類型

在有的瀏覽器中,如果沒有設(shè)置正確的 MIME 類型,媒體文件就不會播放。如果你的網(wǎng)站運行在 Apache Web 服務(wù)器上(很可能是它),可以通過 .htaccess 文件設(shè)置 MIME 類型。它是一個文本文件,通常與主頁一起位于網(wǎng)站的根目錄。這是可以在 .htaccess 文件中添加的MIME類型(可以使用文本編輯器編輯該文件)。
??AddType video/ogg .ogv
??AddType video/mp4 .mp4
??AddType video/webm .webm
??AddType audio/ogg .ogg
??AddType audio/mp3 .mp3
??如果你的網(wǎng)站已經(jīng)擁有該文件,將其命名為 a.htaccess,從 Web 服務(wù)器上下載下來,添加上述 MIME 類型,再上傳到服務(wù)器上,重新命名為 .htaccess。如果你的網(wǎng)站沒有該文件,可以重新創(chuàng)建一個。對于更新 .htaccess,如有問題,請聯(lián)系 Web 托管商。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容