MY-FM，音乐播放器

项目预览：音乐播放器

项目源码：项目源码

项目技术涉及：

①jsonp，跨域，异步，jQuery

②原生js，，jQuery，HTML5audio接口

③使用了Animate.css插件

④MVC编程思想（软件架构模式）

使用到的API

原生JS:

String.prototype.split()  字符转转为数组，以字符分割数组成员

String.prototype.replace()   字符串替换返回新字符串

String.prototype.match()  查找字符串中第一个匹配的字符串，以数组形式返回。

Array.prototype.join() 一指定字符连接数组成员，拼接成字符串

setInterval() 计时器

HTML：

Audio构造函数

Audio.prototype.play() 播放音乐

Audio.prototype.pause() 暂停播放

Audio.prototype.autoplay 实例更换src自动播放 属性值：true/false

Audio.prototype.src  给实例src属性赋值

Audio.prototype.loop 设置音乐自动播放  属性值：true/false

Audio.prototype.duration 读取音乐时长

Audio.prototype.currentTime 读写音乐的当前时长

Audio.prototype.ended 查看音乐是否播放完毕

playing

当音乐开始播放，暂停后重新开始播放，设置currentTime后开始播放时触发

 pause

当音乐暂停时和结束时触发

 ended

当音乐结束时触发

timeupdate

当currentTime更新时会触发timeupdate事件,这个事件的触发频率由系统决定，但是会保证每秒触发4-66次（前提是每次事件处理不会超过250ms.

volumechange

当音量改变时触发

jQuery:

.outerWidth(true)  返回元素宽度，包括外边距

.width()：设置获取元素宽度
.find() 筛选子元素

.eq() 筛选jq对象

.css() 设置css

.text() 设置获取文本子节点

.on() 绑定事件

.attr() 获取设置元素属性

.html() 获取所有所有子节点文本（包含元素标签）

.addClass() 添加class属性

$.getJSON('url',{查询参数}).done(callback)  JSONP