问题标签 [wavesurfer.js]

我正在尝试使用 wavesurfer.js 为使用 JavaScript 动态创建的元素创建波形。这是我的代码：

console.log 显示元素的正确 id，因此选择器似乎可以工作，但是 wavesurfer.js 给出以下错误：

wavesurfer.js非常适合从音频文件渲染波形，但我想知道是否可以将任何 CSS 属性设置为由 wavesurfer.js 生成的波形/光谱图的幅度/频率？是否有一种变量可以分配给另一个参数（例如： an 的不透明度<img>）？

有人能在这里发现问题吗？

来自 wavesurfer 网站的上述代码示例正在运行。如果我在本地使用 SAME mp3 初始化变量： var song = 'audio/song_cjrg_teasdale_64kb.mp3'

或者我从服务器初始化变量： var song = ' http://jamesdoe.byethost9.com/jonikae/audio/song_cjrg_teasdale_64kb.mp3 '

两者都行不通。有谁能够确定为什么 wavesurfer 不合作？

我正在使用wavesufer为音频文件和其他功能生成波形。

每当我尝试更新playbackRate 时，声音的音调都会发生奇怪的变化。我使用了以下几种方法。

我检查了wavesufer 网站、博客、文档，但仍不清楚如何在不影响音高的情况下更改playbackRate。

使用这个插件，我需要使用预渲染数据绘制音频波形。

我将 JSON 数据存储在 MySQL 中{"sample_rate":44100,"samples_per_pixel":4410,"bits":8,"length":2668,"data":[0.13,0.19,0.15,0.11,0.13,0.13,0.24,0.35 ...]}

所以我尝试了：

PHP

HTML

JS

我的节目调试wave_data是正确的，0.01,0.13,0.19,0.15,0.11,...但是没有绘制波形。

相反，如果我设置wavesurferbottom.backend.peaks = [0.01,0.13,0.19,0.15,0.11,...];它有效。

我不是 JSON 专家，我做错了什么？

我是 HTML5 音频编程的新手，我最近在我的项目中使用了 howler.js，这是一个基于 html5 的音频播放器，我想要 wavesurfer.js 为我的播放器提供的酷波风格搜索器，但我找不到一种将 wavesurfer 用于我的搜索器和 howler.js 用于播放音乐文件的方法。是否有另一个 jquery 插件或我可以用来与 howler、js 同步并绘制轨道波形的画布的东西。

我无法在 wavesurfer.js 中播放我的本地音频文件。如果我将直接本地文件路径传递给加载方法，则会在浏览器控制台中引发异常。谁能用片段解决我这个问题将不胜感激。提前谢谢这是我的代码

在这里它会引发错误

有没有办法从 Angular 的 Azure Blob 存储中下载 wav 文件？我想和 wavesurfer.js 一起玩

我正在使用wavesurfer在我的网页上显示歌曲波形。我正在使用以下代码 -

一旦wavesurfer.destroy()被调用，我就会在控制台中收到以下错误消息 -

Uncaught (in promise) DOMException: 无法关闭正在关闭或已经关闭的上下文。

事情似乎工作正常，但我每次都收到这个错误，我无法弄清楚似乎是什么问题。任何帮助，将不胜感激！

我目前正在尝试将wavesurfer.js实现到 Ember.js 组件中。到目前为止，我已经将它导入到我的ember-cli-build.js文件中，如下所示：

然后在组件的 js 文件中，我试图通过在助手模板中包含的 div 上调用它来对其进行简单测试。

现在，当页面加载时，它显示 wavesurfer.js 滚动条，但没有其他内容。在控制台中它读取Cannot read property 'canvas' of undefined.

它似乎在2048wavesurfer.js 行出错，并出现以下错误：

任何帮助将不胜感激，因为我完全不知道应该做什么。