赞
踩
前言:实现效果如下,包含后退,播放暂停,前进,指定播放,音量,播放倍速修改等功能
vue中嵌入使用wavesurfer.js的教程详见:https://blog.csdn.net/zrcj0706/article/details/104635357
1、常用的方法如下:
- playPause() //播放时暂停,播放时暂停
- skip(number) //从当前位置跳数秒(使用负值向后移动)
- stop() //重放
- setVolume(newVolume) //将播放音量设置为新值[0..1](0 =静音,1 =最大)
- play([start[, end]])//从当前位置开始播放。可选start且end以秒为单位可用于设置要播放的音频范围
2、使用代码如下
- <template>
- <div class="mixin-components-container">
- <el-row>
- <el-card class="box-card" style="text-align:left">
- <div id="waveform" ref="waveform">
- <!-- Here be the waveform -->
- </div>
- <div id="wave-timeline" ref="wave-timeline">
- <!--时间轴 -->
- </div>
- <div>
- <el-button type="primary" @click="rew">后退</el-button>
- <el-button type="primary"
Copyright © 2003-2013 www.wpsshop.cn 版权所有,并保留所有权利。