使用 socket.io 从服务器接收 ArrayBuffer 时，Web Audio API 延迟播放

Question

让我从一个事实开始，我对 Web 开发游戏还很陌生，并且一两个多星期几乎没有使用过 socket.io。我尝试播放从 socket.io 接收的 ArrayBuffer 中的音频，对应于使用 Web Audio API 传输的 MP3 文件。 ArrayBuffer 被 WebAudio 成功解码，但我遇到的唯一问题是在收到 ArrayBuffer 的初始块后大约需要 10 秒才能开始播放这首歌。

我的理解是它等待整个文件流式传输然后开始播放？有没有更好的方法在第一组块到达后立即播放曲目？

这是我目前的使用方式：

socket.on('browser:buffer', function(data) {
            console.log(data.buffer);
            source = audioContext.createBufferSource();
            audioContext.decodeAudioData(data.buffer, function(decodedData) {
                source.buffer = decodedData;
                source.connect(audioContext.destination);
                source.loop = true;
                source.connect(audioContext.destination);
                source.start(0);
            });
        }, function(error) {
            console.error("decodeAudioData error", error);
        });

Answer 1

是的，您可以使用<audio> 和createMediaElementSource(audio)。这具有自行处理下载的好处:)

var audio = new Audio("shoot.mp3");
var context = new AudioContext();
var source = context.createMediaElementSource(audio);
audio.loop = true;
source.connect(context.destination);
audio.play();

https://jsfiddle.net/u8j4h4L4/1/

如果您实际上不需要 WebAudio，其他选项只是最简单的：

var sound = new Audio("myaudio.mp3");
sound.play()