我开始使用Web Audio API,只是想知道是否有可能使用jQuery的$ .ajax或$ .load函数来使XMLHttpRequest接收音频数据。$ .ajax或$ .load是否支持responseType = arrayBuffer?
编辑:
好的,这是我到目前为止的内容:
function loadAudio() { $.ajax({ url: sourceUrl }).done(function(response){ return response; }) }
但是我需要返回一个ArrayBuffer。那么,如何将响应转换为ArrayBuffer?
关于您的问题,jQuery似乎还不支持它。在按照我下面的建议使用它之前,请考虑检查该功能是否可用。
使用XHTMLRequest,您可以欺骗您的服务器,并从服务器接收一个代表您想要的字节的二进制字符串。它完美地工作。
var xhr = new XMLHttpRequest(); xhr.open('GET', '/your/audio/file.wav', true); // Here is the hack xhr.overrideMimeType('text/plain; charset=x-user-defined'); xhr.onreadystatechange = function(event) { if ( this.readyState == 4 && this.status == 200 ) { var binaryString = this.responseText; for (var i = 0, len = binaryString.length; i < len; ++i) { var c = binaryString.charCodeAt(i); var byte = c & 0xff; //it gives you the byte at i //Do your cool stuff... } } }; xhr.send();
它可以正常工作,但是…仍然是一个hack。
使用XHTML Request Level 2,您可以将responseType指定为’arraybuffer’并实际接收ArrayBuffer。好多了。问题是检查您的浏览器是否支持此功能。
var xhr = new XMLHttpRequest(); xhr.open('GET', '/your/audio/file.wav', true); xhr.responseType = 'arraybuffer'; xhr.onload = function(e) { if (this.status == 200) { //Do your stuff here } }; xhr.send();
希望我能帮上忙。