html5的发展日新月异，组建的发展也越来越完成，新功能带给了我们新的想法跟思维，今天我们来制作一个html5的audio播放器。
工具/原料
1
audio标签
2
sublime编辑器
方法/步骤
1
首先看下dom的结构，如图所示，分为标题，背景，开始，暂停，上一曲，下一曲等基础功能,效果图如下
2
接着看下css，css使用sass编写，主要运用了css3的新特性，如：阴影，模糊，动画等。
3
这样做好我们的播放也就完成了基本的架构，可以写最重要的部分了，js操作audio制作我们自己的播放器
4
然后我们在看看播放的工具类，里面主要放置播放的主要代码
5
至此我们的播放器已大功告成了，基本的逻辑就是操作audio的api，实现播放，暂停，上一曲，下一曲，自动列表播放，进度条等功能。
注意事项
不兼容样式，属性处理