2024-06-08要使用wavesurfer.js，首先需要在HTML文件中引入wavesurfer.js库，然后创建一个音频元素并将其添加到页面中。接下来，初始化wavesurfer实例并配置相关选项。现在，当你运行Vue项目时，wavesurfer.js应该已经成功下载并在页面上显示波形。4. 在Vue组件中引入并使用wavesurfer.js。我没找到wavesurfer.cursor.js文件，就注释了。替换为你要使用的音频文件路径。打开浏览器，查看效果。_wavesurfer.js

https://www.qianduange.cn//article/11439.html 分类：前端知识

2024-03-31通过XMLHttpRequest对象向后端发出请求，获取音频数据的blob流。然后通过wavesurfer.create()方法创建一个wavesurfer实例，传入一个容器元素和一些配置选项。最后调用loadBlob()方法将blob数据传递给wavesurfer进行处理。这样就可以在前端使用wavesurfer.js处理后端传递过来的音频数据了。封装websocket。_vue 语音时域图

https://www.qianduange.cn//article/4287.html 分类：前端知识

2024-03-02vue项目中定制化音频_wavesurfer.js on 事件列表

https://www.qianduange.cn//article/3049.html 分类：前端知识