vue-wavesurfer

官网

wavesurfer.js 官网点这里

学习小结

在Vue中使用音频可视化插件wavesurfer.js点这里

使用

1. 安装依赖

   $ npm install wavesurfer.js --save
   # or 
   $ yarn add wavesurfer.js

2. 将代码拷贝到可运行的vue项目中，将组件添加到路由文件即可：

   // 例如
   {
     path: '/audio',
     component: Layout,
     redirect: '/audio/index',
     children: [
       {
         path: 'index',
         component: () => import('@/components/ZyAudio/index.vue'),
         name: 'AudioIndex',
       }
     ]     
   },