1、在Dreamweaver中新建一个HTML5文件，并保存。在<body></body>中添加一段音频+按钮的基本代码。，并为按钮添加点击事件。
<audio src="1.mp3" controls="controls" preload id="music" hidden>
</audio>
<button id="a" onclick="a();">播放/暂停</button>
2、接着，写入JavaScript代码，也比较简单一些。
<script>
function a(){
var audio = document.getElementById('music');
if(audio.paused){
audio.play();//audio.play();// 播放
}
else{
audio.pause();// 暂停
}
}
</script>
3、然后去浏览器中查看效果，按“F12”，或者如图中所示，选择你自己喜欢的浏览器。请注意浏览器的兼容模式。
4、在网页中试验效果。
