html - 在 html5 中播放 bytearray 中的音乐

Question

有没有办法从字节而不是 HTML 5 中的文件播放音乐？

我需要流式传输音乐字节并现场播放。

Answer 1

请检查一下

  var dogBarkingBuffer = null;
 // Fix up prefixing
 window.AudioContext = window.AudioContext || window.webkitAudioContext;
 var context = new AudioContext();

function loadDogSound(url) {
  var request = new XMLHttpRequest();
  request.open('GET', url, true);
  request.responseType = 'arraybuffer';

  // Decode asynchronously
  request.onload = function() {
    context.decodeAudioData(request.response, function(buffer) {
      dogBarkingBuffer = buffer;
    }, onError);
  }
  request.send();
}

音频文件数据是二进制的(不是文本)，所以我们将请求的responseType设置为'arraybuffer'。有关 ArrayBuffers 的更多信息，请参阅这篇关于 XHR2 的文章。

一旦接收到(未解码的)音频文件数据，就可以保留它以供以后解码，或者可以使用 AudioContext decodeAudioData() 方法立即解码。此方法获取存储在 request.response 中的音频文件数据的 ArrayBuffer 并对其进行异步解码(不阻塞主 JavaScript 执行线程)。

当 decodeAudioData() 完成时，它会调用一个回调函数，该函数将解码后的 PCM 音频数据作为 AudioBuffer 提供。

这里是引用 ==> HML5 audio

更新:让它在 Firefox 和 chrome 上运行:

context= typeof AudioContext !== 'undefined' ? new AudioContext() : new webkitAudioContext();

代替:

var context = new AudioContext();