HTML5音频录制

Question

3

我最近想在一个项目中使用音频捕获插件。我发现Matt Diamond的演示是大多数文章所指的。我尝试本地重现这个演示，但没有成功。我已经像演示中一样包含了每个依赖项。还修改了recorder.js中的WorkerPath，但似乎一点用也没有。

请分享您的经验。非常感谢任何解决方案的指针。

谢谢。

- Nauman Zafar

你有一个已经尝试过的代码片段吗？ - Asim K T

感谢Asim抽出时间。您可以查看演示页面的源代码。我有完全相同的东西。具有相同的目录结构。 - Nauman Zafar

你的控制台有任何错误吗？有时候，当你打开纯HTML文件时，浏览器会阻止你引用外部本地文件。你是从服务器提供这些文件的吗？ - Asim K T

我也已经检查了。控制台非常清晰。 - Nauman Zafar

让我们在聊天中继续这个讨论。 - Asim K T

显示剩余2条评论

3个回答

0

我认为你需要在你的电脑上安装一个本地主机才能工作。如果你不知道如何操作，那并不难。我使用的是OSX系统，而且我用MAMP，它也适用于Windows系统。你只需要按照以下步骤操作：

1- 安装MAMP

2- 将文件复制到MAMP/htdocs/目录中

3- 打开MAMP并启动服务器

4- 访问//localhost:8888或//localhost然后就完成了。

如果你有问题请告诉我。

顺便问一句，你从哪里下载的项目文件？我找不到可以在我的电脑上测试。

- sandrina-p

我正在使用wamp。在本地测试。 - Nauman Zafar

Sandrina，我错误地从我的本地目录之外访问项目，而不是我的本地主机。它会根据输入显示音频图形，但保存选项仍然无法正常工作。 - Nauman Zafar

你能告诉我在哪里可以下载模拟项目到我的电脑上吗？ - sandrina-p

您可以在此处下载：https://www.dropbox.com/s/96fhjzrjne9ymkt/htmlaudiodemo.zip?dl=0 - Nauman Zafar

Sandrina，我已经成功录制了音频。请参考上面Asim的回答。感谢你花时间解决这个问题。 - Nauman Zafar

显示剩余2条评论

0

我们之前为一个项目做过这个，你需要在Chrome中启用一些标志才能使其正常工作，其中之一是Legacy Audio Pipelining。如果你需要其他的，我可以查一下。

- Max Uppenkamp

感谢Max抽出时间进行评论。根据Asim下面给出的指示，我能够录制和播放声音。 - Nauman Zafar

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Asim K T · Accepted Answer

请尝试使用以下HTML代码：

同时需要使用以下JS代码：

该示例没有保存按钮，但它会显示JS的状态。

该示例取自RecorderJS的官方存储库（https://github.com/mattdiamond/Recorderjs）。

我认为您在示例中漏掉了一些脚本。