一個audio對象就是普通的dom對象 比其他的dom對象多出一些自己獨有的屬性方法和事件,下面介紹一下他常用的屬性、方法和事件
自己初步接觸html5的新屬性audio對象，做的一個簡易的音樂播放器，大家有興趣可以查看，一起討論學習，有些功能尚未完善。。。敬請諒解！
| 屬性 | 描述 |
|---|---|
| audio.volume | (讀/寫) 音量 |
| audio.src | (讀/寫) 歌曲地址 |
| audio.currentTime | (讀/寫) 歌曲當前已播放時長 |
| audio.duration | (讀) 歌曲的總長度 |
| audio.paused | (讀) 布爾類型 是否處于暫停狀態 |
| audio.ended | (讀) 布爾類型 歌曲是否已經播放完畢 |
| 方法 | 描述 |
|---|---|
| audio.play() | 讓歌曲開始播放 |
| audio.pause() | 讓歌曲開始暫停 |
| audio.load() | 重新加載音頻元素 |
| audio.getStartDate() | 返回新的 Date 對象，表示當前時間線偏移量 |
| audio.canPlayType() | 檢查瀏覽器是否能夠播放指定的音頻類型 |
| audio.fastSeek() | 在音頻播放器中指定播放時間 |
| 事件 | 描述 |
|---|---|
| audio.oncanplay = fn() | 當歌曲下載完之后調用fn |
| audio.onvolumechange = fn() | 當audio.volume發生變換的時候調用fn |
| audio.onplay = fn() | 歌曲開始播放之后調用fn |
| audio.onpause = fn() | 歌曲暫停之后調用fn |
| audio.ontimeupdate = fn() | 歌曲在播放的過程中會一直調用fn |
| audio.onended = fn() | 一首歌曲播放完之后調用fn |
使用一個html5模塊或其他js插件的一般步驟
查閱API快速定型API確定一個例子,開始制作例子中如果依賴一些公開庫。
注意：不要下載到本地然后引用
如果我們想分享代碼給別人， 需要把所有我們下載的文件也拷貝給別人， 尤其當依賴的公開庫多的情況下， 項目會變的很大， 上傳到版本控制系統也會變的很龐大。
我們通過其他方式來解決
使用cdn使用前端自動化工具 bowerbower initbower install jquery --save會生成一個.bower文件 ，這樣任何人拿到項目之后，同樣去運行bower install， 就會下載出來所有的依賴庫
新聞熱點
疑難解答
