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