从 React 中的 websocket 流播放 pcm 音频

问题描述

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

在后端,我有一个流 pcm 音频的 websocket。我能够创建一个节点文件,该文件将连接到 websocket pcm 流并使用 npm 包 websocket-streamspeaker 通过我的计算机扬声器播放音频

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

任何帮助/方向将不胜感激!

解决方法

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