HTML DOM Audio 對象
Audio 對象
Audio 對象HTML5中新增的。。
Audio 對象代表著 HTML
訪問 Audio 對象
你可以使用getElementById()來訪問
var x = document.getElementById("myAudio");
創建 Audio 對象
你可以使用document.createElement()方法創建
var x = document.createElement("AUDIO");
Audio 對象屬性
| 屬性 | 描述 |
|---|---|
| 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 | 設置或返迴音頻是否應該在頁面載入後進行載入 |
| readyState | 返迴音頻當前的就緒狀態 |
| seekable | 返回表示音頻可定址部分的 TimeRanges 對象 |
| seeking | 返回用戶是否正在音頻中進行查找 |
| src | 設置或返迴音頻元素的當前來源 |
| textTracks | 返回表示可用文本軌道的 TextTrackList 對象 |
| volume | 設置或返迴音頻的音量 |
Audio 對象方法
| 方法 | 描述 |
|---|---|
| addTextTrack() | 在音頻中添加一個新的文本軌道 |
| canPlayType() | 檢查瀏覽器是否可以播放指定的音頻類型 |
| fastSeek() | 在音頻播放器中指定播放時間。 |
| getStartDate() | 返回一個新的Date對象，表示當前時間軸偏移量 |
| load() | 重新載入音頻元素 |
| play() | 開始播放音頻 |
| pause() | 暫停當前播放的音頻 |
標準屬性和事件
Canvas 對象同樣支持標準 屬性 和 事件。
※HTML DOM Anchor 對象
※HTML DOM Area 對象
※HTML DOM Base 對象
※HTML DOM Blockquote 對象
※Location 對象
TAG:程序員小新人學習 |
※ASP.NET Web Forms 編程HTML 表單
※ASP.NET Web Forms編程HTML 頁面
※ASP.NET Web Pages-HTML 表單
※XQuery編程 FLWOR + HTML
※HTML＋CSS vs HTML
※Google HTML/CSS 規範
※使用 MDwiki 將 Markdown 發布成 HTML
※Web Pages HTML 表單
※駕馭 HTML 5 的浪潮：ALAX 與白鷺時代（Egret Technology）和其他 H5 遊戲供應商簽署意向書
※使用Firebug查看和編輯HTML和CSS
※Web Forms HTML 伺服器控制項
※15行CSS&HTML代碼就能讓iPhone重啟和Mac假死
※HTML中meta的作用
※Selenium及Headless Chrome抓取動態HTML頁面
※guacamole，一個基於HTML5的VNC遠程桌面
※Xperia XZ2 Pro出現在HTML基準測試中 運行安卓8.1 Oreo
※教你用Python解析HTML
※HTML5 Web SQL 資料庫
※HTML測試網站發現Galaxy Note 10 Pro身影
※HTML 統一資源定位器(Uniform Resource Locators)