up
down
Close
架站盒子
Web Development Box
 

JavaScript 點擊按鈕動態建立 Audio 音樂播放

│ 4094 Views │ JavaScript

JS動態音樂播放語法

<script>
function playAudio() {
 const audio = document.createElement("audio");
 audio.src = "/yourmusic.mp3";
 audio.play();
}
</script>
<button onclick="playAudio();">播放</button>

如何用 JavaScript 播放音樂

透過 Audio Object 的 play() 來控制音樂播放,這樣的好處在於不用事先寫 audio 的 HTML 標籤,只在點擊按鈕後才產生 audio 物件並播放音樂,當一個網頁內有大量音檔時,雖然可以用 preload="none" 來避免一開始就大量載入檔案耗損資源,不過用此方法可以連 HTML 標籤都省了。(當然大量音檔需要請另外給它音檔的變數,例如「audio.src = "/" + yourmusic_Name + ".mp3";」,在「playAudio()」中也要加上物件的id,這樣就能只寫一行但能播放不同音樂。)

延伸閱讀

本文是否對您有幫助?