Entrada de áudio da Web ao vivo ativada

Chris Wilson
Chris Wilson

Estou muito animado com um novo recurso que foi adicionado ao build do Chrome Canary de ontem (23.0.1270.0): a capacidade de acessar áudio ao vivo com baixa latência de um microfone ou outra entrada de áudio no OSX. (Isso ainda não foi ativado no Windows, mas não se preocupe, estamos trabalhando nisso!)

Para ativar isso, acesse chrome://flags/ e ative o item "Entrada de áudio da Web" perto da parte de baixo e reinicie o navegador. Agora você está pronto para começar!

Para testar a entrada de áudio em tempo real, confira o espectro da entrada usando o visualizador de entrada em tempo real.

Para programadores de áudio da Web, confira como solicitar o stream de entrada de áudio e fazer com que um nó se conecte a qualquer gráfico de processamento.

// success callback when requesting audio input stream
function gotStream(stream) {
    window.AudioContext = window.AudioContext || window.webkitAudioContext;
    var audioContext = new AudioContext();

    // Create an AudioNode from the stream.
    var mediaStreamSource = audioContext.createMediaStreamSource( stream );

    // Connect it to the destination to hear yourself (or any other node for processing!)
    mediaStreamSource.connect( audioContext.destination );
}

navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia;
navigator.getUserMedia( {audio:true}, gotStream );

Há muitas possibilidades de entrada de áudio de baixa latência, principalmente no espaço musical. Confira um exemplo rápido de como usar isso em um detector de tom simples que montei. Conecte uma guitarra ou apenas assovie no microfone.

E, como prometido, adicionei áudio ao vivo como uma fonte de entrada ao Vocoder que criei para o Google IO. Basta selecionar "entrada ao vivo" em "Modulador". Talvez seja necessário ajustar o ganho do modulador e o nível do sintetizador. Há um pequeno atraso devido ao processamento (não devido à latência de entrada). Agora que tenho a entrada de áudio ao vivo, é hora de fazer mais ajustes.

Por fim, confira a coleção das minhas demonstrações de áudio da Web. Talvez eu tenha mais demonstrações de áudio ao vivo quando você ler isso.