问题标签 [wavesurfer.js]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
185 浏览

javascript - 如何保存 blob 并使用 wavesurfer 播放

我正在创建一个可以记录音频消息的聊天应用程序。

我正在使用 react-mic 创建 blob。这是我遇到问题的地方。

我可以将 blob 字符串化,将其保存到我的数据库中,然后将其拉出、反转并与 Wavesurfer 一起播放吗?

另外我不认为我真的以正确的方式考虑这个问题,因为 blob:URL 始终是本地主机地址?

0 投票
1 回答
2755 浏览

javascript - 从 react 使用效果/钩子导出函数/方法

我有这个wavesurfer ni的实例,这是我的一个项目。这会动态显示各种音频文件。我正在将其呈现在我想要播放和暂停按钮以触发 Wave surfer 的页面上。

我不太明白如何传递这些功能?

它们在代码中被标记。

提前致谢!

0 投票
0 回答
205 浏览

api - 如何在 asp.net core 和 javascript 中使用 API

我正在使用 ASP.NET Core、Entity Framework Core Wavesurferjs API 开发 Web 应用程序。

我成功地创建了我的应用程序的 CRUD,它工作得很好,但是在我的主页索引视图中,我正在使用带有 javascript 的 API 来使用这个 API 的功能,正如它所说,我必须在我的内部编写一个 javascript 代码web应用程序,以使其按以下方式运行:

如您所见,我正在使用这行代码:

@Model.MusicList

这是我从控制器通过剃须刀页面的参数,如下所示:

剃刀视图:

控制器 :

为了使 API 工作,我需要通过在.load ()函数中传递其路径来加载存储在wwwrooot目录中的音乐文件夹中的文件 .mp3。但似乎路径未正确传递,如下所示: 在此处输入图像描述

请问我该如何解决这个问题?有没有更好的方法来做到这一点?

0 投票
1 回答
354 浏览

javascript - 在 socket.io 中动态创建聊天室

我正在开发一个聊天应用程序,但我在使用 socket.io 时遇到了一些问题。

东西工作得很好而且很快。但是一旦更多的人登录 - 每个人都会看到所有的消息并且渲染变得混乱。

我为每条消息发送一个唯一的 ID,我很想创建房间,人们可以在其中聊天(1 对 1)

这首先发生:

这将转到发生这种情况的服务器:

然后 WHich 进入一个自定义钩子并添加到消息数组中。

我知道我的服务器上的广播部分是错误的,但我尝试了很多事情:

将 chatId 与消息一起发送,然后socket.join(chatId)分几个阶段进行。然后 socket.to(chatId).emit(...) 等等。但我做错了。

有人可以帮忙吗?

非常感谢提前!!:-)

0 投票
0 回答
508 浏览

javascript - 如何停止 wavesurfer 麦克风 / `this.stop.stream` 不是函数

我正在运行这个 wavesurfer 麦克风实例,this.stop.stream每当我在启动麦克风后尝试停止麦克风时,我就会遇到一个名为 is not a function 的问题。

这个麦克风不记录任何东西——它只是在可视化。但是在 chrome 中,麦克风一直保持打开状态,直到重新加载。这对用户来说并不有趣。和米。

我找到了为什么会在这里发生 => https://wavesurfer-js.org/api/file/src/plugin/microphone.js.html#lineNumber199

启动麦克风后调用的所有方法都带有“this”。

我还不够先进,无法找出我怎么可能阻止那个麦克风。

有人能帮助我吗?

提前致谢

0 投票
1 回答
964 浏览

javascript - 如何将 WaveSurfer js 导出为音频文件?

我在我的项目中使用 WaveSurfer js,我们可以在其中编辑音频。为此,我使用区域插件。

当用户单击按钮完成时,我想将结果导出为音频文件(mp3/wav)

为了获得用户选择他的音频的音频峰值,我这样做:

这可行,但我想将其导出为音频文件而不是 json

提前致谢

0 投票
0 回答
120 浏览

javascript - wavesurfer-js 的问题与预加载的峰值有关

对我来说有一个问题,我找不到答案

虽然我将“interact”的值设置为“true”,但它从头开始点击声波播放

我的构造函数:

加载:

0 投票
1 回答
1523 浏览

javascript - 如何在 wavesurfer.js 上播放区域和“仅区域”?

我想播放以下代码中指定的区域;不是整个 mp3 文件。这对我目前正在进行的项目很有用;我建立一个电子商务商店。我希望客户仅在购买之前流式传输该部分。

0 投票
2 回答
961 浏览

javascript - 如何避免在wavesurferjs中创建多个区域

我正在使用 带有区域插件的wavesurferjs https://wavesurfer-js.org/

我的问题是:

  1. 我想避免创建多个区域,我只想允许1 个区域。
  2. 移动我想避免的区域(没有被问到,修复不是那么重要,可以忽略)

以下是创建多个区域的方式如下所示:

在此处输入图像描述

下面是我的代码:

请帮助我提前谢谢!

0 投票
3 回答
1432 浏览

javascript - 为什么 wavesurferjs 会溢出父 div

我有问题wavesurferjs

它溢出了父 div

这是第一次发生并调整父 div 的大小

调整大小时,它应该适合父 div

问题: 当父母div调整大小时waveform应该调整自己以适应

如下图所示:

在此处输入图像描述

这是我的代码:

请帮助我提前谢谢!!!