HTML5視頻音頻實(shí)現(xiàn)步驟

HTML5支持的視頻格式：

Ogg=帶有Theora視頻編碼+Vorbis音頻編碼的Ogg文件

支持的瀏覽器:F、C、O

MEPG4=帶有H.264視頻編碼+AAC音頻編碼的MPEG4文件

支持的瀏覽器: S、C

WebM=帶有VP8視頻編碼+Vorbis音頻編碼的WebM格式

支持的瀏覽器: I、F、C、O

Video屬性

Autoplay 視頻就緒自動(dòng)播放

controls 向用戶顯示播放控件

Width 設(shè)置播放器寬度

Height 設(shè)置播放器高度

Loop 播放完是否繼續(xù)播放該視頻，循環(huán)播放

Preload 是否等加載完再播放

Src 視頻url地址

Poster 加載等待的畫面圖片

Autobuffer 設(shè)置為瀏覽器緩沖方式，不設(shè)置autoply才有效

Video API方法

play()

pause()

load()

全屏: webkit element.webkitRequestFullScreen();

Firefox element.mozRequestFullScreen();

W3C element.requestFullscreen();

退出全屏：

webkit document.webkitCancelFullScreen();

Firefox document.mozCancelFullScreen();

W3C document.exitFullscreen();

Video API屬性

currentTime : 開始到播放現(xiàn)在所用的時(shí)間

duration : 媒體總時(shí)間(只讀)

volume : 0.0-1.0的音量相對(duì)值

muted : 是否靜音 false /true

paused : 媒體是否暫停(只讀)

ended : 媒體是否播放完畢(只讀)

error : 媒體發(fā)生錯(cuò)誤的時(shí)候，返回錯(cuò)誤代碼 (只讀)

currentSrc : 以字符串的形式返回媒體地址(只讀)

loadstart progress suspend emptied stalled play pause loadedmetadata loadeddata waiting playing canplay canplaythrough seeking seeked

timeupdate ended ratechange durationchange volumechange

HTML5支持的音頻格式：

Ogg 免費(fèi) 支持的瀏覽器:C、F、O

MP3 收費(fèi) 支持的瀏覽器: I、C、S

Wav 收費(fèi) 支持的瀏覽器: F、O、S

audio 屬性

autoplay 自動(dòng)播放

controls 向用戶顯示播放控件

loop 循環(huán)

preload 是否等加載完再播放

src 要播放的音頻的 URL。

相信看了這些案例你已經(jīng)掌握了方法，更多精彩請(qǐng)關(guān)注Gxl網(wǎng)其它相關(guān)文章！

相關(guān)閱讀：

Js獲取獲取樣式的常見方式

Js操作DOM對(duì)象的流程

Js操作window窗口對(duì)象的實(shí)現(xiàn)步驟

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com