播放HTML5中的JavaScript音频而没有文件-使用缓冲区

Question

I'm using jQuery's ajax method to call a PHP script on the server which will return an mp3 file to me, so I have the data in a variable to the success function. Now I want to play that audio for the person. I am using HTML5, but every example I've seen expects you to point at a file that has the audio. I don't have it as a file, I have it in memory.

Answer 1

Here is something to get you started using the Web Audio API. theAjaxResponse should be the mp3 response, in binary, from the server.

window.AudioContext = window.AudioContext || window.webkitAudioContext;
var context = new AudioContext();

context.decodeAudioData(theAjaxResponse, function(buffer) {
      var source = context.createBufferSource();
      source.buffer = buffer;
      source.connect(context.destination);
      source.start(0);
}, onError);

This will only work in modern browsers supporting the Web Audio API.