本文為H5EDU 機構官方HTML5培訓教程,主要介紹:JavaScript強化教程- Audio/Video
HTML5 Audio/Video 方法
方法 描述
addTextTrack() 在音訊/視訊中新增新的文字軌道
canPlayType(canPlayType) 檢測器是否能播放指定的音訊/視訊類型
load() 重新載入音訊/視訊元素
play() 開始播放音訊/視訊
pause() 暫停目前播放的音訊/視訊
HTML5 Audio/Video 屬性
屬性 說明audioTracks 傳回表示可用音軌的AudioTrackList 物件
autoplay 設定或傳回是否在載入完成後隨即播放音訊/視訊
buffered 傳回表示音訊/視訊已緩衝部分的TimeRanges 物件
controller 傳回表示音訊/視訊已緩衝部分的TimeRanges 物件
controller 傳回表示音訊/目前媒體控制器的音訊/目前媒體控制器的MediaController物件
controls 設定或返回音訊/視訊是否顯示控制(例如播放/暫停等)
crossOrigin 設定或返回音訊/視訊的CORS 設定
currentSrc 傳回目前音訊/視訊的URL
currentTime 設定或返回目前音訊/視訊中的目前音訊/視訊中的目前音訊/視訊播放位置(以秒計)
defaultMuted 設定或返回音訊/視訊預設是否靜音
defaultPlaybackRate 設定或返回音訊/視訊的預設播放速度
duration 返回目前音訊/視訊的長度(以秒計)
ended 返回音訊/視訊的播放是否已結束
error 返回表示音訊/視訊錯誤狀態的MediaError 物件
loop 設定或返回音訊/視訊是否應在結束時重新播放
mediaGroup 設定或返回音訊/視訊所屬的組合(用於連接多個音訊/視訊元素)
muted 設定或返回音訊/視訊是否靜音
networkState 返回音訊/視訊的目前網路狀態
paused 設定或返回音訊/視訊是否暫停
playbackRate 設定或返回音訊/視訊播放的速度
played 返回音訊/視訊播放的速度
played 返回音訊/視訊播放的速度
played 返回音訊/視訊播放的速度
played 返回音訊/視訊播放的速度
played 返回音訊/視訊播放的速度
played 返回音訊/視訊播放的速度
played 返回”音訊/視訊播放的速度。 /視訊已播放部分的TimeRanges 物件
preload 設定或返回音訊/視訊是否應該在頁面載入後進行載入
readyState 傳回音訊/視訊目前的就緒狀態
seekable 傳回表示音訊/視訊可尋址部分的TimeRanges 物件
seekable 傳回表示音訊/視訊可尋址部分的TimeRanges 物件
seekable 傳回表示音訊/視訊可尋址部分的TimeRanges 物件
seeking傳回使用者是否正在音訊/視訊中進行查找
src 設定或傳回音訊/視訊元素的目前來源
startDate 傳回表示目前時間偏移的Date 物件
textTracks 傳回表示可用文字軌道的TextTrackList 物件
videoTracks 傳回給可用影片回傳表示可用視訊軌道的VideoTrackList 物件
volume 設定或回傳音訊/視訊的音量
HTML5 Audio/Video 事件
事件 描述
abort 當音訊/視訊的載入已放棄時
canplay 當瀏覽器可播放音訊/視訊時 /視訊的載入已放棄時
canplay 當瀏覽器可播放音訊/視訊時 .在不因緩衝而停頓的情況下進行播放時
durationchange 當音頻/視頻的時長已更改時
emptied 當目前的播放列表為空時
ended 當目前的播放列表已結束時
error 當在音頻/視頻載入期間發生錯誤時
loadeddata 當瀏覽器已載入音訊/視訊的目前影格時
loadedmetadata 當瀏覽器已載入音訊/視訊的元資料時
loadstart 當瀏覽器開始尋找音訊/視訊時
pause 當音訊/視訊已暫停時
play 當音訊/視訊已開始或不再暫停時
playing 當音訊/視訊在已因緩衝而暫停或停止後已就緒時
progress 當瀏覽器正在下載音訊/視訊時