【代码】
<audio src="https://www.runoob.com/try/demo_source/horse.mp3" controls></audio>
<audio src="" controls></audio> controls：控制面板
<audio src="" controls preload></audio> preload：预加载，与autoplay冲突
<audio src="" controls autoplay></audio> autoplay：自动播放
<audio src="" controls loop></audio> loop：循环播放
<audio src="" controls muted></audio> muted：禁音状态

【结果】

1. 标签法检测
<audio src="" controls>您的浏览器不支持HTML5音频</audio>

2. Javascript法检测
【代码】

<div id="support"></div>
<script>
function test () {
    var supportAudio = !!document.createElement("audio").canPlayType;
    if (supportAudio) {
        document.getElementById ("support").innerHTML = "您的浏览器支持HTML5音频"
    } else {
        document.getElementById ("support").innerHTML = "您的浏览器不支持HTML5音频"
    }
}
test ();
</script>

【解释】
<div id="support"></div> 创建div
function test () {} 创建函数
!! 将检测结果转换为布尔值
document.getElementById ("support").innerHTML 传递赋值
test (); 调用函数

【结果】

代码

<audio controls>
    <source src="music/test.mp3">
    <source src="music/test.ogg">
    您的浏览器不支持HTML5音频
</audio>

解释
浏览器先判断音频是否支持mp3格式，支持则播放test.mp3文件
否则判断是否支持ogg格式，支持则播放test.ogg文件
如果都不支持，则返回<audio>标签一个错误事件

解释
目前HTML5支持的常用音频格式有：
MP3——后缀名为.mp3
Ogg——后缀名为.ogg
Wav——后缀名为.wav
目前尚不存在得到所有浏览器支持的音频格式，
因此在开发过程中，如果不明确用户所使用的浏览器类型，
则需要起码准备两种音频格式备用

代码

<audio id="music01">
    <source src="music/test.ogg">
    <source src="music/test.mp3">
    您的浏览器不支持HTML5音频
</audio>
<button id="btn" onclick="toggleMusic()">播放音频</button>
<script>
    var music = document.getElementById("music01");
    var toggleBtn = document.getElementById("btn");
    function toggleMusic() {
        if (music.paused) {
            music.play();
            toggleBtn.innerHTML = "暂停音频";
        } else {
            music.pause();
            toggleBtn.innerHTML = "播放音频";
        }
    }
</script>
        

解释
<audio>创建audio对象，去掉controls禁用浏览器自带音频控件
<button>创建button对象
onclick="toggleMusic()"点击调用函数
function toggleMusc () {}创建函数

结果
播放音频