问题标签 [wavesurfer.js]

我一直在开发一个允许用户单击并操作 mp3 文件的在线应用程序，我正在尝试将本地文件从我的计算机加载到 wavesurfer 对象中，但我在 chrome 中不断收到此错误：

“CORS 策略已阻止从源“null”访问 'file:///local/file/path/to/audio/files/some.mp3' 处的 XMLHttpRequest：跨源请求仅支持协议方案：http ，数据，铬，铬扩展，https。”

我尝试将 HTML 和 mp3 文件放在多台计算机上的多个不同文件夹中，但似乎没有任何效果。这是我的代码：

添加“MediaElement”后端时，会加载 mp3，但不会生成波形。非常感谢任何帮助，谢谢！

我正在尝试在 Ionic 2 应用程序中使用WaveSurfer javascript 库。

我将min.js放在我的www文件夹下，然后将其导入index.html ，并在我的.ts文件中声明WaveSurfer变量。

我初始化容器。

已经创建的容器，所以我认为导入运行良好。

在我按下播放按钮后，没有任何反应，容器是空的。所以问题是，我可以使用这个库在Android上可视化我的音频吗？

还是我只是在某个地方犯了错误？

（顺便说一句，我尝试了我的“自己的”音频文件，这些文件是用cordova-audio-input录制的（我也试过用cordova-media-plugin），此外还有默认的权利。它们都显示空容器，它们确实没有开始。）

任何帮助，将不胜感激。

当道具发生变化时，我无法重新渲染这些区域。这是一个简单的例子：

当我在 handleMoveRegionsClick() 中调用 setState() 时，SongCard 的状态会更新，但不会触发 Region 道具的重新加载。

谁能指出我如何解决这个问题的正确方向？谢谢！

我在使用 Wavesurfer 的网络项目中遇到了障碍。我已经在我的项目中安装了 wavesurfer.js 和 react-wavesurfer 作为节点模块。Wavesurfer.js 似乎工作正常，但 react-wavesurfer 似乎遇到了我发现难以调试的问题。以下代码：

仅生成调用 this.makeWave() 的第一个波形。尝试创建 React 波形时返回错误：Uncaught TypeError: this._wavesurfer.init is not a function. 我正在使用 browserify 来捆绑我的 javascript 依赖项。

任何帮助将非常感激！

我想在我的 Angular 项目上运行 WaveSurfer.js，但它不像我想要的那样工作。WaveSurfer 在索引中完美运行。但是，我想在我的组件中使用 WaveSurfer，但它不起作用。

索引（工作）：

组件（不起作用）：

错误：

这是我在 wavesurfer.js 中的 JavaScript 代码

这是我正在使用的 WaveSurfer：WaveSurfer.Microphone 示例

我希望你们能帮助我解决这个问题！

我正在使用WaveSurferJs播放流式音频并将 wavesurfer 初始化后端设置为 MediaElement。还要画山峰

我以播放列表的形式做了一些事情，音频元素中的第一个音频使用 preload=true 但下一个音频加载速度很慢，预加载需要时间是合乎逻辑的。但是如何加快播放音乐的进程呢？有没有人试图这样做？

我正在尝试构建一个允许用户编辑他们上传的声音文件的应用程序。到目前为止，用户可以使用 wavesurfer js 库检索他们的声音并显示为波形。这个想法是获取所选 wavesurfer 区域的起点和终点，然后使用 updateview 将这些值传递给表单类（sox 将在其中修剪文件）。我在我的虚拟环境中安装了pysox并安装了 sox。到目前为止，这就是我的 urls.py：

我的forms.py：

和更新视图

我的主要问题是，1. 这是编辑声音文件的好方法吗？ 2. 我应该在表单类中添加什么来完成这项工作？我查看了 sox 文档，但仍然不完全清楚该怎么做。我应该将声音文件作为参数传递给变压器吗？任何帮助深表感谢。

我正在尝试使用wavesurfer-js加载音频波

这很好用，但对我来说挑战是从 chrome 中的 file:/// 协议加载。

从本地加载时出现以下错误。

加载文件失败：///Users/ashokshah/audioWaveTest/audio.wav：跨源请求仅支持协议方案：http、data、chrome、chrome-extension、https。

请帮助我从 file:/// 协议实现在 chrome 中显示音频波。

我需要获取音频的当前播放时间。我一直在使用react-wavesurfer包来播放音频，我可以看到wavesurfer.js有一种方法可以获取播放的当前时间，但我似乎无法弄清楚如何使用 react 来做到这一点。