Wavesurfer.js
只如初见0706
这个作者很懒,什么都没留下…
展开
-
浅析vue中wavesurfer.js的Minimap插件的使用
前言:vue中嵌入使用wavesurfer.js的教程详见:https://blog.csdn.net/zrcj0706/article/details/1046353571、Minimap插件的使用效果如下图所示2、Minimap插件的使用见如下代码首先import引入插件依赖import Minimap from 'wavesurfer.js/dist/plugin/wa...原创 2020-03-05 15:09:02 · 1422 阅读 · 0 评论 -
浅析vue中wavesurfer.js的Regions插件的使用
前言:vue中嵌入使用wavesurfer.js的教程详见:https://blog.csdn.net/zrcj0706/article/details/1046353571、Regions插件的使用效果如下图所示2、Regions插件的使用见如下代码首先import引入插件依赖import Regions from 'wavesurfer.js/dist/plugin/wa...原创 2020-03-05 14:48:45 · 2830 阅读 · 0 评论 -
浅析vue中wavesurfer.js的cursor插件的使用
前言:vue中嵌入使用wavesurfer.js的教程详见:https://blog.csdn.net/zrcj0706/article/details/1046353571、cursor插件的使用效果如下图所示2、cursor插件的使用见如下代码首先import引入插件依赖import CursorPlugin from 'wavesurfer.js/dist/plugin...原创 2020-03-05 14:39:38 · 2464 阅读 · 4 评论 -
浅析vue中wavesurfer.js的Timeline插件的使用
前言:vue中嵌入使用wavesurfer.js的教程详见:https://blog.csdn.net/zrcj0706/article/details/1046353571、Timeline插件的使用效果如下图所示2、Timeline插件的使用见如下代码首先import引入插件依赖import WaveSurfer from 'wavesurfer.js'//wavesur...原创 2020-03-05 14:26:14 · 3231 阅读 · 2 评论 -
浅析wavesurfer.js中的各大监听事件
前言:vue中嵌入使用wavesurfer.js的教程详见:https://blog.csdn.net/zrcj0706/article/details/1046353571、在使用wavesurfer.js插件时,可以设置各种监听事件,比如播放完毕触发什么方法,设置静音时触发什么方法等等,该插件官网有自定义好的各大事件的识别,只需要使用on方法设置监听即可,如下代码://音频暂停时的监...原创 2020-03-05 11:21:30 · 3553 阅读 · 0 评论 -
浅析wavesurfer.js中各大方法的使用
前言:实现效果如下,包含后退,播放暂停,前进,指定播放,音量,播放倍速修改等功能1、原创 2020-03-05 11:00:07 · 12231 阅读 · 9 评论 -
WaveSurfer.js插件中WaveSurfer.create时的参数(options)配置含义
前言:vue框架嵌入使用WaveSurfer.js的方法,详见此文章:https://blog.csdn.net/zrcj0706/article/details/1046353571、WaveSurfer.create时的参数配置如下代码中的注释 this.wavesurfer = WaveSurfer.create({ // 应该在其中绘制波形的CSS选择器或HTM...原创 2020-03-04 14:15:37 · 1805 阅读 · 1 评论 -
Vue中整合使用wavesurfer.js声纹可视化插件
前言:Wavesurfer.js是一款基于HTML5 canvas和Web Audio的声纹可视化插件,功能十分强大,在Vue框架中嵌入使用该插件效果图如下:1、第一步:使用以下命令安装wavesurfer.js插件库npm install wavesurfer.js --save2、第二步:在需要使用的页面import导入wavesurfer.js和其中的时间轴timeline...原创 2020-03-03 17:22:50 · 9661 阅读 · 8 评论