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,這樣就能只寫一行但能播放不同音樂。)
本文是否對您有幫助?