reactjs - 如何在单击时向 reactjs 组件添加声音

Question

我正在开发 ReactJs 上的实时聊天应用程序，我只需要在有传入消息时添加声音。有人可以帮帮我吗？任何帮助是极大的赞赏

标签： reactjs

Answer 1

您的问题是您不知道如何使用 Javascript 播放音频吗？

如果是这样，您只需要导入文件并创建一个像这样的音频对象
const audio = new Audio(importedFile);。现在，只要您添加新消息，只需执行此操作即可audio.play()。

注意：音频文件应该在 src 中，以便您可以导入它。

查看我的示例以获得更好的理解。 https://codesandbox.io/s/romantic-hermann-3fmpr?file=/src/App.js