在反应中播放音频块

问题描述

我有一个 node js API,它正在流式传输这样的 mp3 音频文件

app.get('/music',(req,res) => {
   const music = fsExtra.createReadStream(path.resolve(__dirname,"./public/musics/myMusic.mp3"));
    music.pipe(res);
});

在反应方面,我得到这样的音频块:

useEffect(() => {
    fetch("http://localhost:4000/music/")
        .then((response) => {
            return response.text();
        })
        .then((data) => {
            console.log(data);
        });

输出是这样的:

image of data received from node js server

如何播放这些块并播放音乐? 我不想等待整个音乐文件加载。我想在加载块时播放它。 类似这个项目:

Streams Audio Playback

你能给我一些易于理解的代码示例吗? 我不想使用 <audio> 标签,因为我想在未来创建音频可视化。

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)