我想自己寫一個JS音樂播放器,所以這段時間一直在查看相關的資料.這次,就先記錄一下,使用JS生成Audio元素的方法.
1. document.createElement()方法
使用如下代碼:
1 var audio = document.createElement('audio') //生成一個audio元素 2 audio.controls = true //這樣控件才能顯示出來 3 audio.src = 'xxxxx' //音樂的路徑 4 document.body.appendChild(audio) //把它添加到頁面中
2. new Audio()
先來看構造函數的語法
1 mySound = new Audio([URLString]);
返回對象的preload會被設置成auto,src的值會被設置成URLString的值
具體使用方法
1 var audio = new Audio() 2 audio.controls = true //這樣控件才能顯示出來 3 audio.src = 'xxxxx' //音樂的路徑 4 document.body.appendChild(audio) //把它添加到頁面中
3. 來一發實例
4. 相關資料
https://developer.mozilla.org/en-US/docs/Web/API/HTMLAudioElement