基于Vue 2.x的Waveform音频播放器插件——结合Canvas和Waveurfer组件的实现方法-Vue.js开发
5星
- 浏览量: 0
- 大小:None
- 文件类型：None
简介：
本文介绍了一款基于Vue 2.x框架的Waveform音频播放器插件，通过整合Canvas与Waveurfer组件实现高质量、互动性强的音乐播放体验。适合Vue.js开发者学习参考。
使用npm安装vue-waveform插件，并从“ vue-waveform”导入vue-waveform组件。例如：
```bash
npm install vue-waveform --save
```
然后在代码中引入并注册该插件：
```javascript
import Vue from vue;
import { waveform } from vue-waveform;
Vue.use(waveform);
```
说明场景：此插件支持websocket、arraybuffer格式的mp3和aac文件，以及blob对象。
组件`vue-waveworm`属性：
- `WIDTH`: 类型为Number，默认值500。表示画布宽度。
- `HEIGHT`: 类型为Number，默认值3。表示画布高度。
全部评论 (0)
还没有任何评论哟~
