问题标签 [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.
javascript - 如何保存 blob 并使用 wavesurfer 播放
我正在创建一个可以记录音频消息的聊天应用程序。
我正在使用 react-mic 创建 blob。这是我遇到问题的地方。
我可以将 blob 字符串化,将其保存到我的数据库中,然后将其拉出、反转并与 Wavesurfer 一起播放吗?
另外我不认为我真的以正确的方式考虑这个问题,因为 blob:URL 始终是本地主机地址?
javascript - 从 react 使用效果/钩子导出函数/方法
我有这个wavesurfer ni的实例,这是我的一个项目。这会动态显示各种音频文件。我正在将其呈现在我想要播放和暂停按钮以触发 Wave surfer 的页面上。
我不太明白如何传递这些功能?
它们在代码中被标记。
提前致谢!
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。但似乎路径未正确传递,如下所示:
请问我该如何解决这个问题?有没有更好的方法来做到这一点?
javascript - 在 socket.io 中动态创建聊天室
我正在开发一个聊天应用程序,但我在使用 socket.io 时遇到了一些问题。
东西工作得很好而且很快。但是一旦更多的人登录 - 每个人都会看到所有的消息并且渲染变得混乱。
我为每条消息发送一个唯一的 ID,我很想创建房间,人们可以在其中聊天(1 对 1)
这首先发生:
这将转到发生这种情况的服务器:
然后 WHich 进入一个自定义钩子并添加到消息数组中。
我知道我的服务器上的广播部分是错误的,但我尝试了很多事情:
将 chatId 与消息一起发送,然后socket.join(chatId)
分几个阶段进行。然后 socket.to(chatId).emit(...) 等等。但我做错了。
有人可以帮忙吗?
非常感谢提前!!:-)
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”。
我还不够先进,无法找出我怎么可能阻止那个麦克风。
有人能帮助我吗?
提前致谢
javascript - 如何将 WaveSurfer js 导出为音频文件?
我在我的项目中使用 WaveSurfer js,我们可以在其中编辑音频。为此,我使用区域插件。
当用户单击按钮完成时,我想将结果导出为音频文件(mp3/wav)
为了获得用户选择他的音频的音频峰值,我这样做:
这可行,但我想将其导出为音频文件而不是 json
提前致谢
javascript - wavesurfer-js 的问题与预加载的峰值有关
对我来说有一个问题,我找不到答案
虽然我将“interact”的值设置为“true”,但它从头开始点击声波播放
我的构造函数:
加载:
javascript - 如何在 wavesurfer.js 上播放区域和“仅区域”?
我想播放以下代码中指定的区域;不是整个 mp3 文件。这对我目前正在进行的项目很有用;我建立一个电子商务商店。我希望客户仅在购买之前流式传输该部分。
javascript - 如何避免在wavesurferjs中创建多个区域
我正在使用 带有区域插件的wavesurferjs
https://wavesurfer-js.org/
我的问题是:
- 我想避免创建多个区域,我只想允许1 个区域。
- 移动我想避免的区域(没有被问到,修复不是那么重要,可以忽略)
以下是创建多个区域的方式如下所示:
下面是我的代码:
请帮助我提前谢谢!