当前位置:   article > 正文

WaveSurfer.js插件中WaveSurfer.create时的参数(options)配置含义_wavesurfer.js参数

wavesurfer.js参数

前言:vue框架嵌入使用WaveSurfer.js的方法,详见此文章:https://blog.csdn.net/zrcj0706/article/details/104635357

1、WaveSurfer.create时的实现效果和参数配置如下代码中的注释

  1. this.wavesurfer = WaveSurfer.create({
  2. // 应该在其中绘制波形的CSS选择器或HTML元素。这是唯一必需的参数。
  3. container: this.$refs.waveform,
  4. // 光标的填充颜色,指示播放头的位置。
  5. cursorColor:'red',
  6. // 更改波形容器的背景颜色。
  7. backgroundColor:'gray',
  8. // 光标后的波形填充颜色。
  9. waveColor: 'violet',
  10. // 光标后面的波形部分的填充色。当progressColor和waveColor相同时,完全不渲染进度波
  11. progressColor: 'purple',
  12. backend: 'MediaElement',
  13. // 音频播放时间轴
  14. mediaControls: false,
  15. // 播放音频的速度
  16. audioRate: '1',
  17. // 插件:此教程配置了光标插件和时间轴插件
  18. plugins: [
声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/很楠不爱3/article/detail/130191?site
推荐阅读
相关标签
  

闽ICP备14008679号