邱長勇的專欄 [計算機視覺 計算機圖形學 三維重建 影象理解 語音識別 音視訊編解碼 機器學習]
阿新 • • 發佈：2018-12-15
HTML 5的Audio/Video元素是基於Flash外掛的音視訊替代方案。
HTML5 視訊和音訊的 DOM 參考手冊
HTML5 DOM 為 <audio> 和 <video> 元素提供了方法、屬性和事件。
這些方法、屬性和事件允許您使用 JavaScript 來操作 <audio> 和 <video> 元素。
HTML5 Audio/Video 方法
| 方法 | 描述 |
|---|---|
| 檢測瀏覽器是否能播放指定的音訊/視訊型別 | |
| 重新載入音訊/視訊元素 | |
| 開始播放音訊/視訊 | |
| 暫停當前播放的音訊/視訊 |
HTML5 Audio/Video 屬性
| 屬性 | 描述 |
|---|---|
| 返回表示可用音軌的 AudioTrackList 物件 | |
| 設定或返回是否在載入完成後隨即播放音訊/視訊 | |
| 返回表示音訊/視訊已緩衝部分的 TimeRanges 物件 | |
| 返回表示音訊/視訊當前媒體控制器的 MediaController 物件 | |
| 設定或返回音訊/視訊是否顯示控制元件（比如播放/暫停等） | |
| crossOrigin | 設定或返回音訊/視訊的 CORS 設定 |
| 設定或返回音訊/視訊中的當前播放位置（以秒計） | |
| 返回當前音訊/視訊的長度（以秒計） | |
| ended | 返回音訊/視訊的播放是否已結束 |
| error |
返回表示音訊/視訊錯誤狀態的 MediaError 物件 |
| loop | 設定或返回音訊/視訊是否應在結束時重新播放 |
| 設定或返回音訊/視訊所屬的組合（用於連線多個音訊/視訊元素） | |
| muted | 設定或返回音訊/視訊是否靜音 |
| 設定或返回音訊/視訊是否暫停 | |
| 返回表示音訊/視訊已播放部分的 TimeRanges 物件 | |
| 設定或返回音訊/視訊是否應該在頁面載入後進行載入 | |
| 返回表示音訊/視訊可定址部分的 TimeRanges 物件 | |
| 返回使用者是否正在音訊/視訊中進行查詢 | |
| src | 設定或返回音訊/視訊元素的當前來源 |
| 返回表示當前時間偏移的 Date 物件 | |
| 返回表示可用文字軌道的 TextTrackList 物件 | |
| 返回表示可用視訊軌道的 VideoTrackList 物件 | |
| 設定或返回音訊/視訊的音量 |
HTML5 Audio/Video 事件
| 事件 | 描述 |
|---|---|
| abort | 當音訊/視訊的載入已放棄時 |
| 當瀏覽器可以播放音訊/視訊時 | |
| 當瀏覽器可在不因緩衝而停頓的情況下進行播放時 | |
| emptied | 當目前的播放列表為空時 |
| ended | 當目前的播放列表已結束時 |
| error | 當在音訊/視訊載入期間發生錯誤時 |
| 當瀏覽器已載入音訊/視訊的當前幀時 | |
| 當瀏覽器開始查詢音訊/視訊時 | |
| pause | 當音訊/視訊已暫停時 |
| play | 當音訊/視訊已開始或不再暫停時 |
| playing | 當音訊/視訊在已因緩衝而暫停或停止後已就緒時 |
| 當瀏覽器正在下載音訊/視訊時 | |
| ratechange | 當音訊/視訊的播放速度已更改時 |
| seeked | 當用戶已移動/跳躍到音訊/視訊中的新位置時 |
| seeking | 當用戶開始移動/跳躍到音訊/視訊中的新位置時 |
| stalled | 當瀏覽器嘗試獲取媒體資料，但資料不可用時 |
| suspend | 當瀏覽器刻意不獲取媒體資料時 |
| timeupdate | 當目前的播放位置已更改時 |
| volumechange | 當音量已更改時 |
| waiting | 當視訊由於需要緩衝下一幀而停止 |