使用人工智能助手控制音频播放

了解如何使用 Houndify API 按“暂停”

image by author

欢迎回到本系列的第三部分！首先，我们设置我们的初始应用程序。接下来，在上一篇文章中，我们让客户端播放音乐。

今天之后，我们将可以让助手“暂停音乐”或“播放最后一首歌”。

下面是我们将要构建的演示：

配置

如果您没有阅读该系列的最后一篇文章，我建议您先阅读该文章。

[

让您的人工智能个人助理播放音乐！ （以 Web3 为特色）

集成 Houndify API 以制作像 Alexa 或 Siri 这样的个人助理

更好的编程.pub

](/make-your-ai-powered-personal-assistant-play-music-featuring-web3-a1e7eec68f4a)

但是，如果您想跳过，可以找到入门代码 这里 .

要实现此功能，我们需要另一个域。

启用并单击右上角的保存更改。该域将启用播放控制命令。

处理音乐播放器命令

首先，在文件夹中新建一个文件 源代码/处理程序 文件夹。给它命名 MusicPlayerCommand.ts .该文件将包含一个接收命令数据的函数。

将以下代码添加到文件顶部：

SUCCESS_RESULT 和 FAILED_RESULT 定义包含适当后续响应的新结果的位置。

VOLUME_DELTA 是我们将在需要时提高或降低音量的百分比。

现在在 处理播放器命令 函数，我们使用来自的对象[ 咆哮者.js](https://github.com/goldfire/howler.js#methods) 来控制音乐。但首先，我们需要检查 命令类型 从结果的数据。

随意复制粘贴这个。

并且不要忘记将我们的新文件添加到 handlers 数组中 索引.ts .

 const COMMANDS = ["MusicCommand", "MusicPlayerCommand"];

跟踪播放的歌曲

如果你看过上一篇文章，你应该知道没有名为的导出 音乐 在 playSound.ts .应该是参考 嗥 播放音频时创建的对象。

此外，我们应该只在播放的音频是歌曲而不是任何反馈声音时更新它。

打开文件并将其内容替换为以下代码：

而且，当我们播放带有播放声音的歌曲时，我们需要将类型设置为“音乐”。

我们还需要存储当前歌曲的 URL，以防用户想再次播放它。为此，我们可以使用 本地存储 .

打开 音乐命令.ts 并将我们播放歌曲的行替换为：

 playSound(audioURL, { format: "webm" }, "music");  
 localStorage.setItem("lastSong", audioURL);

结论

这就是一切！我们用了 咆哮者.js 控制音乐和 本地存储 存储最后播放的歌曲。和以前一样，你可以找到这篇文章的源代码 这里 如果你希望。

在本系列的下一次，我们将执行音乐识别，以便我们可以问“那首歌是什么？”。享受！

最初发表于 https://cs310.hashnode.dev .

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明

本文链接：https://www.qanswer.top/18538/15100609