[TOC]
# 插件-music 应用播放器
内置`music`播放与控制工具,可以自定义位置和样式
## 使用方法
`music`工具可以使用meta自动引入或者通过js手动调用
### 参数说明
* `src` 音乐路径
* `skin` 应用皮肤,目前有`default`(默认),`empty`(空心),`full`(实心)三种样式,可根据具体场景使用
* `attrs` 配置,可以进行重新定位,其中color会被应用到图标样式上
### 通过meta
```html
<!--默认会读取当前目录的music.mp3文件-->
<meta name="wx:music" />
<!--全部配置,见上面参数-->
<meta name="wx:music" skin="full" src="/Wap1/H50629/m.mp3" attrs='{top:16,right:16,color:"blue"}' />
```
### 通过js调用
```javascript
// 参数见上面参数说明
var music = v.music(src='music.mp3',attrs={},skin='')
// 可以对音乐进一步的控制
music.stop() // 停止播放
music.hide() // 隐藏播放图标
music.toggle() // 切换播放和关闭
music.play() // 播放应用
music.volume(volucm) //设置音量(0-1),不知道兼容性如何
music.style(attrs) // 重新设置样式
```
- 前端篇
- 常用知识点
- 表单处理
- 前后端分离
- 提供模板渲染工具
- 页面优化
- css3动画部分
- 前端工程与模块化框架
- 服务器XML标签用法
- 微信JSSDK
- 小技巧
- 纯CSS实现自适应正方形
- 通用媒体查询
- css 黑科技
- H5性能优化方案
- 10个最常见的 HTML5
- 常见坑
- 资源收集
- 前端组件化开发实践
- 应用秒开计划
- AJAX API部分
- 静态资源处理优化
- 后端篇
- 微信对接与管理
- 微信消息处理
- API插件开发
- Plugin开发
- 后端插件开发
- 组件开发
- XML标签开发
- RESTFUL设计
- Admin GUI
- 设计篇
- 设计规范
- 微信开发库v.js
- 使用方法
- 微信JSSDK集成
- 调试面板使用
- 插件-http功能
- 插件-layer弹出层
- 插件-music 音乐播放器
- 插件-store 本地存储
- 插件 emitter 事件管理器
- 插件-shake 摇动功能
- 插件-lazyload 延迟加载
- 插件-t 模板渲染
- 插件-ani 动画功能
- 插件-is 类型侦测器
- 插件-ease 缓动函数库
- 插件-os 设备检测
- 插件 $ 类Jquery插件
- 插件-md5 散列计算
- 插件-svg动画loading
- 后台页面成功GUI
- 列表渲染List
- 表单生成Config
- 树状列表Tree
- 排序操作Sort
- Js 风格指南
- Vuep
- 内置动画库
- 组件库
- 内置插件库
- PSD自动切图