在 React 中从 websocket 流播放 pcm 音频

Play pcm audio from a websocket stream in React

我正在尝试在 React 应用程序中播放来自 websocket 的 pcm 音频流。

在后端,我有一个流式传输 pcm 音频的 websocket。我能够创建一个节点文件,该文件将连接到 websocket pcm 流并使用 npm 包 websocket-streamspeaker.

通过我的计算机扬声器播放音频

我现在遇到的问题是如何将此代码移至 React 应用程序。当我尝试在 React 中使用 websocket-stream 包时,应用程序无法编译。此外,speaker 包似乎在浏览器中不起作用。我发现了一些在 React 中播放 mp3 文件的示例,但是 none 从流中播放。

任何 help/direction 将不胜感激!

我使用了这个 github 项目并将代码移植到 React 应用程序:https://github.com/samirkumardas/pcm-player