首頁 > web前端 > html教學 > HTML5視訊音訊實現步驟

HTML5視訊音訊實現步驟

php中世界最好的语言
發布: 2017-11-28 15:40:13
原創
2431 人瀏覽過

我們知道,常見的視訊格式的組成部分有:畫面、音訊、編碼格式,常見的音訊格式有音訊編碼: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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板