songyu-audio-mobile

欢迎使用宋宇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：自定义自己的播放器背景图，默认自带一个紫色的