audio 音樂自動播放，循環播放，隱藏等

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