HTML5視訊音訊實現步驟

我們知道，常見的視訊格式的組成部分有：畫面、音訊、編碼格式，常見的音訊格式有音訊編碼：ACC、MP3、Vorbis，在HTML5裡，支援的視訊格式有三種，今天就來說一下HTML5視訊音訊實現步驟

HTML5支援的視訊格式：

         Ogg=帶有Theora視訊編碼+Vorbis音訊編碼的Ogg檔案

# #                 支援的瀏覽器:F、C、O

         MEPG4=   支援的瀏覽器: S、C

#         WebM=搭配VP8視訊編碼+Vorbis音訊編碼的WebM格式

               ” | #Autoplay

         視訊#Height               地為播放器高度

Loop播放完是否繼續播放該視頻，循環播放

Preload              為等上完成後播放

#Src           載入等待的畫面圖片

Autobuffer        設定為瀏覽器緩衝方式，且不設定autoply才有效

Video  API方法

##play()

pause()

##load()

全螢幕:   webkit    element.webkitRequestFullScreen();

               W3C        element.requestFullscreen();

退出全螢幕：

             webkit   

document

.webkitCancelFullScreen();

    p.>             W3C       document.exitFullscreen();

#Video  API屬性

currentTime  :  開始到播放現在所使用的時間

duration  :  媒體總時間(唯讀)

volume  :   0.0-1.0的音量相對值

muted  :   靜音 false /true

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

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

ended   :   媒體是否已播放完畢只讀只讀只)#(error)loror :  媒體發生錯誤的時候，回傳錯誤代碼 (唯讀)

currentSrc  :   以

字串

的形式傳回媒體位址(只讀)

       鍵 load stalled play pause loadedmetadata                             seeked

         timeupdate ended ratechange durati

onchange

volumechange

#HTML5支援的音訊格式：

##O  的瀏覽器:C、F、O

MP3             收費  支援的瀏覽器: I、C、S

Wav     與#O 

audio       屬性        

         autoplay  自動上使用顯示   loop           循環

         preload    與已播放後再播放後播放

##也都
         src             則以播放的音訊的 URL。

相信看了這些案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！

相關閱讀：

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

Js操作DOM物件的流程

######Js操作window視窗物件的實作步驟##########

以上是HTML5視訊音訊實現步驟的詳細內容。更多資訊請關注PHP中文網其他相關文章！