Estoy tratando de optimizar los tiempos de carga de los archivos de audio en un proyecto en el que necesitamos usar AudioBufferSourceNode . Requiere que se cargue el búfer de audio ... pero ¿es posible que pueda cargar, digamos, los primeros 10 minutos de audio primero, y reproducirlo mientras descargo otra parte en segundo plano? Y luego cree otro nodo de origen que cargue con la segunda parte del archivo de audio.
Mi implementación actual carga todo el audio primero. Lo cual no es genial ya que lleva tiempo. Mis archivos tienen entre 60 y 70 MB.
function getData() { source = audioCtx.createBufferSource(); var request = new XMLHttpRequest(); request.open('GET', 'viper.ogg', true); request.responseType = 'arraybuffer'; request.onload = function() { var audioData = request.response; audioCtx.decodeAudioData(audioData, function(buffer) { source.buffer = buffer; source.connect(audioCtx.destination); source.loop = true; }, function(e){ console.log("Error with decoding audio data" + e.err); }); } request.send(); }Creo que puede lograr lo que desea utilizando la API de WebCodecs (que actualmente solo está disponible en Chrome), pero requiere algo de plomería.
Para obtener el archivo como una transmisión, puede usar fetch() en lugar de XMLHttpRequest .
Luego, deberá demultiplexar el archivo codificado para obtener los datos de audio sin procesar para decodificarlo con un AudioDecoder . Con un poco de suerte, generará objetos AudioData . Estos objetos se pueden usar para obtener los datos de muestra sin procesar que luego se pueden usar para crear un AudioBuffer .
Todavía no hay muchos ejemplos de WebCodecs disponibles. Creo que el ejemplo que muestra cómo decodificar un MP4 es el más similar a su caso de uso disponible hasta ahora.