https://www.runoob.com/html/html-sounds.html

audio播放音樂

最好的 HTML 解決方法

下面的例子使用了兩個不同的音訊格式。HTML5 <audio> 元素會嘗試以 mp3 或 ogg 來播放音訊。如果失敗，程式碼將回退嘗試 <embed> 元素。

 <audio id="audio" height="100" width="100" style="opacity:0" preload="auto" controls hidden="true">
    <source src="../assets/audio/cheering.mp3"
 
 type="audio/mpeg" />
    <source src="../assets/audio/cheering.ogg" type="audio/ogg" />
    <embed height="50" width="100" src="../assets/audio/cheering.mp3" />
 </audio>

頁面載入載入音樂但是不播放，通過呼叫這段程式碼：

let myAuto = document.getElementById('audio')
myAuto.play()

其它屬性解釋：

• preload: 如果出現該屬性，則音訊在頁面載入時進行載入，並預備播放。如果使用 "autoplay"，則忽略該屬性。
• autoplay: 如果出現該屬性，則音訊在就緒後馬上播放。程式碼：autoplay="autoplay" ，也可以用:autoplay="true"
• controls: 如果出現該屬性，則向用戶顯示控制元件，比如播放按鈕。
• loop: 如果出現該屬性，則每當音訊結束時重新開始播放。
• hidden: 隱藏播放介面

轉載於:https://www.cnblogs.com/mochaMM/p/7118875.html