技术点：ES6+Webpack+HTML5 Audio+Sass
这里，我们将一步步的学到如何从零去实现一个H5音乐播放器。
首先来看一下最终的实现效果：Demo链接
界面：
接下来就步入正题：
要做一个音乐播放器就要非常了解在Web中音频播放的方式，通常都采用HTML5的audio标签
关于audio标签，它有大量的属性、方法和事件，在这里我就做一个大致的介绍。
属性：
src：必需，音频来源；controls：常见，设置后显示浏览器默认的audio控制面板，不设置默认隐藏audio标签；
autoplay：常见，设置后自动播放音频（移动端不支持）；
loop：常见，设置后音频将循环播放；
preload：常见，设置音频预加载（移动端不支持）；
volume：少见，设置或返回音频大小，值为0-1之间的一个浮点数（移动端不支持）；
muted：少见，设置或返回静音状态；
duration：少见，返回音频时长；
currentTime：少见，设置或返回当前播放时间；
paused：少见，返回当前播放状态，是否暂停；
buffered：少见，一个TimeRanges对象，包含延伸阅读
- ssh框架 2016-09-30
- 阿里移动安全 [无线安全]玩转无线电——不安全的蓝牙锁 2017-07-26
- 消息队列NetMQ 原理分析4-Socket、Session、Option和Pipe 2024-03-26
- Selective Search for Object Recognition 论文笔记【图片目标分割】 2017-07-26
- 词向量-LRWE模型-更好地识别反义词同义词 2017-07-26
- 从栈不平衡问题 理解 calling convention 2017-07-26
- php imagemagick 处理 图片剪切、压缩、合并、插入文本、背景色透明 2017-07-26
- Swift实现JSON转Model - HandyJSON使用讲解 2017-07-26
- 阿里移动安全 Android端恶意锁屏勒索应用分析 2017-07-26
- 集合结合数据结构来看看(二) 2017-07-26
学习是年轻人改变自己的最好方式