songyu-audio-mobile
v0.1.1
Published
版本:v1.0 日期:2020-5-20 依赖:vue2.x 适用:手机移动端 作者:宋宇 ## 参考图 ![demo](./2020-5-20 19-7-16.png) ## 使用说明 本插件基于vue开发,逻辑部分使用原生js编写。可扩展性强,代码简单。 ### 使用方法 `npm i -S songyu-audio-mobile` ```js // main.js import SyAudioMobile from 'songyu-audio-mobile' Vue.use(SyAudioMobil
Downloads
10
Maintainers
Readme
欢迎使用宋宇vue音频播放器
版本:v1.0 日期:2020-5-20 依赖:vue2.x 适用:手机移动端 作者:宋宇 ## 参考图 ![demo](./2020-5-20 19-7-16.png)
使用说明
本插件基于vue开发,逻辑部分使用原生js编写。可扩展性强,代码简单。
使用方法
npm i -S songyu-audio-mobile
// main.js
import SyAudioMobile from 'songyu-audio-mobile'
Vue.use(SyAudioMobile)
### 配置和实例
// 使用组件
<SongYuAudio :audioList="audioList"/>
// 参数准备
var audioList = [
{
title:"好日子",
auther: "宋祖英",
headico: require("./assets/tx.jpg"),
src: require("./assets/mp4/宋祖英-好日子.mp3"),
},
{
title:"忽然之间",
auther: "王慧玲",
headico: require("./assets/tx.jpg"),
src: require("./assets/mp4/忽然之间.mp3"),
},
{
title:"小小鹿+动画《尸兄》角色歌+附花絮",
auther: "群星",
headico: require("./assets/tx.jpg"),
src: require("./assets/mp4/小小鹿+动画《尸兄》角色歌+附花絮.mp3"),
}
]
- audioList:数据包合集,必须是数组
- title:歌曲名称
- author: 作者
- headico:旋转封面
- src:播放的歌曲地址,可以是网络地址,如果加载本地需要require引入
- boxBg:自定义自己的播放器背景图,默认自带一个紫色的