HTML5多媒體audio和video詳細介紹（二）

來源：懂視網責編：小采時間：2020-11-27 15:11:25

HTML5多媒體audio和video詳細介紹（二）

HTML5多媒體audio和video詳細介紹（二）:前面我們學習了audio和video最基本的用法，為了更加靈活的控制音視頻的播放，我們就需要學習HTML5為我們提供的相關屬性、方法和事件了。audio和video相關屬性屬性描述src用于指定媒體資源的URL地址autoplay資源加載后自動播放buffered用于返回一個T

推薦度：

點擊下載本文 文檔為doc格式

導讀HTML5多媒體audio和video詳細介紹（二）:前面我們學習了audio和video最基本的用法，為了更加靈活的控制音視頻的播放，我們就需要學習HTML5為我們提供的相關屬性、方法和事件了。audio和video相關屬性屬性描述src用于指定媒體資源的URL地址autoplay資源加載后自動播放buffered用于返回一個T

前面我們學習了audio和video最基本的用法，為了更加靈活的控制音視頻的播放，我們就需要學習HTML5為我們提供的相關屬性、方法和事件了。

audio和video相關屬性

屬性	描述
src	用于指定媒體資源的URL地址
autoplay	資源加載后自動播放
buffered	用于返回一個TimeRanges對象，確認瀏覽器已經緩存媒體文件。
controls	提供用于播放的控制條
currentSrc	返回媒體數據的URL地址
currentTime	獲取或設置當前的播放位置，單位為秒
defaultPlaybackRate	返回默認播放速度
duration	獲取當前媒體的持續時間
loop	設置或返回是否循環播放
muted	設置或返回是否靜音
networkState	返回音頻視頻當前網絡狀態
paused	檢查視頻是否已暫停
playbackRate	設置或返回音頻視頻的當前播放速度
played	返回TimeRanges對象。TimeRanges表示用戶已經播放的音頻視頻范圍
preload	設置或返回是否自動加載音視頻資源
readyState	返回音頻視頻當前就緒狀態
seekable	返回TimeRanges對象，表明可以對當前媒體資源進行請求
seeking	返回是否正在請求數據
valume	設置或返回音量，值為0到1.0

audio和video相關方法

方法	描述
canPlayType()	檢測瀏覽器是否能播放指定的音頻、視頻
load()	重新加載音頻、視頻元素
pause()	停止當前播放的音頻、視頻
play()	開始播放當前音頻、視頻

audio和video相關事件

事件	描述
canplay	當瀏覽器能夠開始播放指定的音視頻時，發生此事件
canplaythrough	當瀏覽器預計能夠在不停下來進行緩沖的情況下持續播放指定的音頻視頻時，發生此事件
durationchange	當音頻、視頻的時長數據發生變化時，發生此事件
loadeddata	當當前幀數據已加載，但沒有足夠的數據來播放指定音頻視頻的下一幀時，會發生此事件
loadedmatadata	當指定的音頻視頻的元數據已加載時，會發生此事件。元數據包括時長、尺寸（僅視頻）以及文本軌道
loadstart	當瀏覽器開始尋找指定的音頻視頻時，發生此事件
progress	正在下載指定的音頻視頻時，發生此事件
abort	音頻視頻終止加載時，發生此事件
ended	音頻視頻播放完成后，發生此事件
error	音頻、視頻加載錯誤時，發生此事件
pause	音頻視頻暫停時，發生此事件
play	開始播放時，發生此事件
playing	因緩沖而暫?；蛲Ｖ购笠丫途w時觸發此事件
ratechange	音頻視頻播放速度發生改變時，發生此事件
seeked	用戶已移動、跳躍到音頻視頻中的新位置時，發生此事件
seeking	用戶開始移動、跳躍到新的音頻視頻播放位置時，發生此事件
stalled	瀏覽器嘗試獲取媒體數據，但數據不可用時觸發此事件
suspend	瀏覽器刻意不加載媒體數據時觸發此事件
timeupdate	播放位置發生改變時觸發此事件
volumechange	音量發生改變時觸發此事件
waiting	視頻由于需要緩沖而停止時觸發此事件