1、vue-audio-better

源码及Demo

个人建议将源码下载下来，修改源码（包括界面功能按钮分布，方法调用等）使用。

1.1 示例

Normal

Mini

1.2 安装

npm install vue-audio-better --save
1

1.3 使用

Normal

  

1
2
3
4
5

Mini

  

1
2
3
4
5

1.4 参数

1.5 组件内部数据

组件内部数据，可以通过组件直接控制，也可以修改源码更改默认值。

1.6 方法

2、vue-audio-visual

源码及Demo

    
1
2
3
4
5

    
1
2
3
4
5
6
7

    
1
2
3
4
5
6
7
8

    
1
2
3

    
1
2
3

2.1 安装

npm install --save vue-audio-visual
1

2.2 引用

import Vue from 'vue'
import AudioVisual from 'vue-audio-visual'

Vue.use(AudioVisual)
1
2
3
4

2.3 使用

  
  
1
2
3

2.4 参考

1）源码API