当前位置:   article > 正文

浅析wavesurfer.js中各大方法的使用_wavesurfer.js 调整音频倍速

wavesurfer.js 调整音频倍速

前言:实现效果如下,包含后退,播放暂停,前进,指定播放,音量,播放倍速修改等功能

vue中嵌入使用wavesurfer.js的教程详见:https://blog.csdn.net/zrcj0706/article/details/104635357

1、常用的方法如下:

  1. playPause() //播放时暂停,播放时暂停
  2. skip(number) //从当前位置跳数秒(使用负值向后移动)
  3. stop() //重放
  4. setVolume(newVolume) //将播放音量设置为新值[0..1](0 =静音,1 =最大)
  5. play([start[, end]])//从当前位置开始播放。可选startend以秒为单位可用于设置要播放的音频范围

2、使用代码如下

  1. <template>
  2. <div class="mixin-components-container">
  3. <el-row>
  4. <el-card class="box-card" style="text-align:left">
  5. <div id="waveform" ref="waveform">
  6. <!-- Here be the waveform -->
  7. </div>
  8. <div id="wave-timeline" ref="wave-timeline">
  9. <!--时间轴 -->
  10. </div>
  11. <div>
  12. <el-button type="primary" @click="rew">后退</el-button>
  13. <el-button type="primary"
声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/IT小白/article/detail/130164
推荐阅读
相关标签
  

闽ICP备14008679号