vue-waveform 如何使用

安装

• npm -i vue-waveform

-全局引入安装-

• import {waveform} from 'vue-waveform'
• Vue.use(waveform)

使用说明

使用场景

文件类型mp3 aac 等blob 转arraybuffer

组件的使用 全局引入的组件

vue-waveform

<vue-waveform ref="mycom" :range="0.6" :WIDTH="800" :HEIGHT="100" websocketURL="ws://192.168.6.48:8082/ws/websocket/socketServer.do" :id="selectid" :arraybuffer="arraybuffer"></vue-waveform> 

props 属性：

• WIDTH 宽度
• HEIGHT 高度
• websocketURL websock连接
• id 设备id
• type 类型 'line' 曲线图 'bar' 柱状图
• range 柱状图高度显示的比率
• arraybuffer 字节数组

method：

• openWS() // 无参数 创建连接初始化对象 支持promise接口调用
• play() // 无参数 播放
• pause() // 无参数 暂停
• stop() // 无参数 停止 并销毁对象

调用方式 例如：

this.$refs.mycom.openWS()