1、第一步：先打开常用的网页设计的软件，然后新建一个网页文件。
2、第二步：进行一个简单的页面布局，让音乐播放器显示在网页的中间。并添加简单的样式。<style type="text/css媪青怍牙"> #music_player{width:400px; height:150px;background:#ff9966;margin:200px auto;}</style><div id="music_player" class=""> </div>
3、第三步：在浏览器中进程预览，看下位置是否合适。
4、第四步：利用HTML5的标签audio标签进行音乐播放器的设置。<div id="music_player" cl锾攒揉敫ass=""> <audio controls> <source src="D:\KuGou\苍鹰 - 拜秦陵.mp3" type="audio/mpeg"> </audio></div>
5、第五步：播放器设置好以后，我们在<source src="歌曲地址">插入歌曲的地址，就可以自动播放了。例剧安颌儿如：<audio controls><source src="D:\KuGou\苍鹰 - 拜秦陵.mp3" type="audio/mpeg"></audio>
6、第六步：在浏览者进行浏览，就可以发现点击播放后就响起音乐来了。
7、总结：1、首先进行一个网页文件后进行页面的简单设计2、对布局标签进行样式设计3、在页面中插入HTML5的音频标签audio4、添加完音频标签后选择相应的音乐即可完成
