音樂播放器 audio

屬性

• src 音頻的播放地址
• controls 播放控件
• autoplay 自動播放
• loop 循環(huán)播放
• muted 當(dāng)設(shè)置修改屬性后，音頻輸出被靜音

APi

• play 播放
• pause 暫停
• currentTime 設(shè)置或返回當(dāng)前音頻的長度
• durations 返回音頻長度
• src 設(shè)置返回音頻來源
• volume 設(shè)置或獲取音頻的音量
• muted 是否靜音（靜音返回true）
• networkState 返回音頻的當(dāng)前網(wǎng)絡(luò)狀態(tài)

0 = NETWORK_EMPTY - 音頻尚未初始化
1 = NETWORK_IDLE - 音頻是活動的且已選取資源，但并未使用網(wǎng)絡(luò)
2 = NETWORK_LOADING - 瀏覽器正在下載數(shù)據(jù)
3 = NETWORK_NO_SOURCE - 未找到音頻來源

• currentSrc 返回當(dāng)前的URL
• ended 返回音視頻播放是否結(jié)束（結(jié)束為true）
• loop 設(shè)置或獲取當(dāng)前音樂是否重新播放（獲取的結(jié)果為Boolean）
• playbackRate 設(shè)置或獲取音頻的播放速度（0.1~16）
• readyState 返回當(dāng)前就緒狀態(tài)

0 = HAVE_NOTHING - 沒有關(guān)于音頻是否就緒的信息
1 = HAVE_METADATA - 關(guān)于音頻就緒的元數(shù)據(jù)
2 = HAVE_CURRENT_DATA - 關(guān)于當(dāng)前播放位置的數(shù)據(jù)是可用的，但沒有足夠的數(shù)據(jù)來播放下一幀/毫秒
3 = HAVE_FUTURE_DATA - 當(dāng)前及至少下一幀的數(shù)據(jù)是可用的
4 = HAVE_ENOUGH_DATA - 可用數(shù)據(jù)足以開始播放

• seeking 事件在用戶開始移動/跳躍到新的音頻/視頻（audio/video）播放位置時觸發(fā)
• seeked 事件在用戶已移動/跳躍到音頻/視頻（audio/video）中的新位置時觸發(fā)。
• olumechange 當(dāng)音量更改時觸發(fā)

使用

//這3個需要寫函數(shù)audio.onseeking = function () {console.log(123)};audio.onseeked = function () {console.log(123)};audio.onvolumechange = function () {console.log(123)}; //除了這兩個，其余的不用帶括號 audio.play() audio.pause()audio.currentTime audio.durations ……

總結(jié)

以上是生活随笔為你收集整理的音乐播放器 audio的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。