來源于《HTML5高級程序設計》

audio api

<audio controls> controls告訴瀏覽器顯示播放控件

不指定 type 瀏覽器自解
ogg
MP3 type="audio/mpeg"

mp4 type="video/mp4"

<audio atoplay> atoplay 默認播放
<source src="xx.mp3" type="audio/mpeg">
</audio>

api

對應的js內置函數
load() 加載
play() 加載播放
pause() 暫停
canPlayType(type) 測試時video 是否支持MIME類型的文件

只讀媒體特性
duration 播放時長
paused 暫停
ended 播放完畢
startTime 最早的播放時間
error 錯誤返回的錯誤代碼
currentSrc 返回字符串形式加載的文件

var btn = document.getElementById("btn");
btn.onclick

?

------------
js中用類獲取元素 執行btn.onclick 不管用 。。。

可腳本控制的特性值

autoplay 是否設置 autoplay
loop 能重復播放返回true console.log(audio.loop);
currentTime 播放的所用時間
controls 顯示或隱藏 控制界面
volume
muted 設置是否為靜音
autobuffer 是否緩沖加載

?

video元素的額外特性
poster 代表url

width height

videoWidth videoHeight 返回視頻的固有，自適應的寬度和高度

?

onCanPlay（）開始播放事件
onended()播放完事件

?

背景噪音

<audio autoplay loop>
<source src="images/mp2.mp3">
</audio>

?

轉載于:https://www.cnblogs.com/y896926473/p/5273933.html

總結

以上是生活随笔為你收集整理的html5学习笔记（audio）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。