问题标签 [wavesurfer.js]

我试图在 wavesurfer.js 中播放 AVI 文件，当我将输入文件作为 AVI 提供时，它说无法读取编码数据，但是使用 wav 文件可以正常工作。所以我决定使用 videojs.wavesurfer 我发现我在控制台中没有看到任何错误消息，并且我无法在我的屏幕上看到任何内容，下面的代码可以请任何人帮助我在 wavesurfer 中读取 avi 文件。或者如果我们无法在 videojswavesurfer 中读取 avi，请告诉我。

这是我的html

我想在我的 Reactjs 应用程序中使用 wavesurfer.js。我得到了我的应用程序的视频 (mp4) url。我想使用 wavesurfer 绘制波形。这是我尝试过的，但需要大约 3 分钟才能获得 30 分钟视频的波形。延迟太多了。有什么解决办法吗？

我正在尝试将 WaveSurfer.js（版本 2）与 React 一起使用。我知道对于版本 1，有一个名为 react-wavesurfer 的库，但我真的很想用 v2 来做。我已经体验过了，没有 React。所以，我只是做了一个我的组件。

正如您在下面的代码中所见，一切正常，WaveSurfer 对象在其中正确生成，componentDidMount()但是突然之间，在load()方法中出现了一个我无法正确理解的错误。

这个错误是在 之后抛出的load()，并且在错误之后，它会登录到控制台“发生了！” 和状态的波属性，应该是。

这是有问题的错误，它本身并不意味着什么。这只是 react-error-overlay 中混淆函数中没有堆栈跟踪的错误。第二个错误，DOMException，是第一个直接导致的，每次都扔在一起。

这是直接导致错误的 react-error-overlay 行， in /node_modules/react-error-overlay/index.js:1582，但它被混淆了。

显然，该load()方法不会加载/渲染 WaveSurfer 画布中的实际波浪，并会引发该错误。我不明白为什么，因为它应该正常工作并在 WaveSurfer 画布中渲染波浪。

你们中有人知道错误是什么吗？

我有一个页面使用 php 在一个页面上显示多个音频文件。这工作正常，但我正在尝试使用 wavesurfer.js 显示每个文件的波形。出于某种原因，我的 javascript 无法正常工作，我无法弄清楚原因（我看不到任何波形）。希望有人可以提供帮助。谢谢。

html

jQuery

我想使用wavesurfer.js制作一个可视音频播放器组件。但它不适用于 Vue。

播放器.vue：

控制台上有一条错误消息：

页面中呈现一个空白区域：

我试图捕捉这样的错误。

但它没有发现任何错误。控制台和以前一样。

有没有一种有效的方法来改变波的宽度？
我想让波浪变小并且选项minPxPerSec一直工作到某个值，低于
该值波浪具有相同的宽度，就好像有一个阈值一样
（除非选项fillParent设置为 false，但它使波被截断）。

编辑：这是一个截断波形的例子，
你可以听到和看到，波形在音频之前完成

我正在使用 wavesurfer-js angular 6 应用程序，播放器在没有控件的情况下打开，并且出现错误说：

未捕获的类型错误：无法读取未定义的属性“wavesurfer”

这是我的 ts 代码：

和我的 HTML：

现在我试图从内部设备加载文件，

不工作的代码：

我在 typescript 项目中实现 wavesurfer-js，播放器打开但我找不到任何控件来播放暂停或静音事件，

索引.HTML

CSS

TS

当我尝试绑定一个事件时

它给出了一个错误“无法读取未定义的属性'playPause'”

我wavesurfer用来生成然后用函数保存sepctrograms它们。问题是每次我加载一个新的时我都需要销毁并创建一个新的。否则将堆叠并导致崩溃。wav filesscreenshot()wavesurfer instancewav filewaveforms

这就是我的代码的结构：

我尝试传递波形实例并在新的评估（）中销毁它，但它没有用。我怎样才能做到这一点？