1. 程式人生 > >html5 音訊和視訊

html5 音訊和視訊

    •audio video

    •source

l視訊容器

     •容器檔案,類似於壓縮了一組檔案

     –音訊軌道

     –視訊軌道

     –元資料:封面,標題,字幕等

     –格式:.avi.flv.mp4.mkv.ogv

l編解碼器

    •原始的視訊容器非常大,新增需編碼,播放需解碼

     •音訊編解碼器

           –AACMPEG-3Ogg Vorbis

    •視訊編解碼器

          –H.264VP8Ogg Theora

l媒體元素

    •controls  :   顯示或隱藏使用者控制介面

    •autoplay  :  媒體是否自動播放

    •loop  : 媒體是否迴圈播放

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

    •duration  :  媒體總時間(只讀)

    •volume  :   0.0-1.0的音量相對值

    •muted  :   是否靜音

    •autobuffer  :   開始的時候是否緩衝載入,autoplay的時候,忽略此屬性

l媒體元素_2

    •paused  :  

媒體是否暫停(只讀)

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

    •error   :  媒體發生錯誤的時候,返回錯誤程式碼 (只讀)

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

    •play()  :  媒體播放

    •pause()  :  媒體暫停

    •load()  :  重新載入媒體

 

lVideo額外特性

     •poster  :   視訊播放前的預覽圖片

     •widthheight  :   設定視訊的尺寸

     •videoWidthvideoHeight  :   視訊的實際尺寸(只讀)