赞
踩
前言:vue框架嵌入使用WaveSurfer.js的方法,详见此文章:https://blog.csdn.net/zrcj0706/article/details/104635357
1、WaveSurfer.create时的实现效果和参数配置如下代码中的注释
- this.wavesurfer = WaveSurfer.create({
- // 应该在其中绘制波形的CSS选择器或HTML元素。这是唯一必需的参数。
- container: this.$refs.waveform,
- // 光标的填充颜色,指示播放头的位置。
- cursorColor:'red',
- // 更改波形容器的背景颜色。
- backgroundColor:'gray',
- // 光标后的波形填充颜色。
- waveColor: 'violet',
- // 光标后面的波形部分的填充色。当progressColor和waveColor相同时,完全不渲染进度波
- progressColor: 'purple',
- backend: 'MediaElement',
- // 音频播放时间轴
- mediaControls: false,
- // 播放音频的速度
- audioRate: '1',
- // 插件:此教程配置了光标插件和时间轴插件
- plugins: [
Copyright © 2003-2013 www.wpsshop.cn 版权所有,并保留所有权利。