用JavaScript播放原始音频

时间:2018-03-12 22:47:52

标签: javascript audio

我有这样的数字流

-0.00015259254737998596,-0.00009155552842799158,0.00009155552842799158,0.00021362956633198035,0.0003662221137119663,0.0003967406231879635,0.00024414807580797754,0.00012207403790398877,0.00012207403790398877,0.00012207403790398877,0.0003357036042359691,0.0003357036042359691,0.00018311105685598315,0.00003051850947599719,0,-0.00012207403790398877,0.00006103701895199438,0.00027466658528397473,0.0003967406231879635,0.0003967406231879635,0.0003967406231879635,0.0003967406231879635,0.0003967406231879635,0.0003662221137119663,0.0004882961516159551,0.0004577776421399579,0.00027466658528397473,0.00003051850947599719,-0.00027466658528397473....

据说代表音频流。我从here获得了它们并且我已经通过网络传播了它们,现在我正在尝试播放实际的声音,我从here获得了一个片段,但是我是得到Uncaught (in promise) DOMException: Unable to decode audio data

我觉得自己错过了很多,我只是希望这会像魔法一样工作,但事实并非如此......

我的代码

var ws = new WebSocket("ws://....");
ws.onmessage = function (event) {
  playByteArray(event.data);
}

var context = new AudioContext();
function playByteArray(byteArray) {

  var arrayBuffer = new ArrayBuffer(byteArray.length);
  var bufferView = new Uint8Array(arrayBuffer);
  for (var i = 0; i < byteArray.length; i++) {
    bufferView[i] = byteArray[i];
  }

  context.decodeAudioData(arrayBuffer, function (buffer) {
    buf = buffer;
    play();
  });
}

// Play the loaded file
function play() {
  // Create a source node from the buffer
  var source = context.createBufferSource();
  source.buffer = buf;
  // Connect to the final output node (the speakers)
  source.connect(context.destination);
  // Play immediately
  source.start(0);
}

广播部分

var ws = new WebSocket("ws://.....");
window.addEventListener("audioinput", function onAudioInput(evt) {
  if (ws) {
    ws.send(evt.data);
  }
}, false);

audioinput.start({
    bufferSize: 8192
});

1 个答案:

答案 0 :(得分:0)

您似乎并未处理兼容的音频数据格式。您链接的代码用于播放字节数组,在这种情况下,您的音频数据应该是一个(更长)0到255整数的字符串。

你所获得的是一个相当短的(如音频数据所示)浮点数字符串。我不能说出它应该是什么音频格式,但它需要一个不同的播放器。