一.audio標簽
簡單語法
<audio src="https://www.cnblogs.com/pythonywy/p/音頻鏈接"></audio>
屬性
| 屬性 | 值 | 描述 |
|---|---|---|
| autoplay | 如果出現該屬性，則音頻在就緒后馬上播放， | |
| controls | 如果出現該屬性，則向用戶顯示控制元件，比如播放按鈕， | |
| loop | 如果出現該屬性，則每當音頻結束時重新開始播放， | |
| preload | 如果出現該屬性，則音頻在頁面加載時進行加載，并預備播放，如果使用 "autoplay"，則忽略該屬性， | |
| src | url | 要播放的音頻的 URL， |
二.audio物件
1.物件屬性
| 屬性 | 描述 |
|---|---|
| audioTracks | 回傳表示可用音頻軌道的 AudioTrackList 物件， |
| autoplay | 設定或回傳是否在就緒（加載完成）后隨即播放音頻， |
| buffered | 回傳表示音頻已緩沖部分的 TimeRanges 物件， |
| controller | 回傳表示音頻當前媒體控制器的 MediaController 物件， |
| controls | 設定或回傳音頻是否應該顯示控制元件（比如播放/暫停等）， |
| crossOrigin | 設定或回傳音頻的 CORS 設定， |
| currentSrc | 回傳當前音頻的 URL， |
| currentTime | 設定或回傳音頻中的當前播放位置（以秒計）， |
| defaultMuted | 設定或回傳音頻默認是否靜音， |
| defaultPlaybackRate | 設定或回傳音頻的默認播放速度， |
| duration | 回傳音頻的長度（以秒計）， |
| ended | 回傳音頻的播放是否已結束， |
| error | 回傳表示音頻錯誤狀態的 MediaError 物件， |
| loop | 設定或回傳音頻是否應在結束時再次播放， |
| mediaGroup | 設定或回傳音頻所屬媒介組合的名稱， |
| muted | 設定或回傳是否關閉聲音， |
| networkState | 回傳音頻的當前網路狀態， |
| paused | 設定或回傳音頻是否暫停， |
| playbackRate | 設定或回傳音頻播放的速度， |
| played | 回傳表示音頻已播放部分的 TimeRanges 物件， |
| preload | 設定或回傳音頻的 preload 屬性的值， |
| readyState | 回傳音頻當前的就緒狀態， |
| seekable | 回傳表示音頻可尋址部分的 TimeRanges 物件， |
| seeking | 回傳用戶當前是否正在音頻中進行查找， |
| src | 設定或回傳音頻的 src 屬性的值， |
| textTracks | 回傳表示可用文本軌道的 TextTrackList 物件， |
| volume | 設定或回傳音頻的音量， |
2.物件方法
| 方法 | 描述 |
|---|---|
| addTextTrack() | 向音頻添加新的文本軌道， |
| canPlayType() | 檢查瀏覽器是否能夠播放指定的音頻型別， |
| fastSeek() | 在音頻播放器中指定播放時間， |
| getStartDate() | 回傳新的 Date 物件，表示當前時間線偏移量， |
| load() | 重新加載音頻元素， |
| play() | 開始播放音頻， |
| pause() | 暫停當前播放的音頻， |
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/118251.html
標籤：Html/Css