1. 程式人生 > 其它 >HTML5-11【audio標籤與video標籤及基本應用】

HTML5-11【audio標籤與video標籤及基本應用】

技術標籤:HTML5javascripthtml5

一.audio

(1).基礎知識

支援 OGG MP3 WAV格式

支援的編碼格式:

OGG(VORBIS)

MP3(ACC)

WEBM(VORBIS)

(2).屬性

二.video

(1).基礎知識

支援 OGG MPEG4 WEBM格式

支援的編碼格式:

OGG(THEORA&VORBIS)

MPEG4(H264&ACC)

WEBM(VP8&VORBIS)

(2).屬性

相容性操作

 <video src="xx">
        <source src="media/xx" type="video/mp4">
        <source src="media/xx" type="video/ogg">
        <source src="media/xx" type="video/webm">
    </video>

(3).api

load()重新載入

play()播放

pause()暫停

currentTime 當前秒

duration 總時間

paused 是否暫停

muted 是否靜音

volume 音量 0-1

playbackRate 倍數

(4).事件

canpaly 準備好了播放

ended 視訊結束

error 發生錯誤

play 開始播放時觸發

bufferd.end 緩衝時候的進度

seeked 拖動完後

seeking 拖動時

ratechange 播放倍數改變

volumechange 音量被改變

waiting 視訊暫停情況下,緩衝時觸發