Живой веб-аудиовход включен

Крис Уилсон
Chris Wilson

Я очень рад новой функции, которая появилась во вчерашней сборке Chrome Canary (23.0.1270.0) — возможности получить доступ к живому звуку с малой задержкой с микрофона или другого аудиовхода в OSX! (Это еще не включено в Windows, но не волнуйтесь, мы работаем над этим!)

Чтобы включить это, вам нужно зайти в chrome://flags/ , включить элемент «Веб-аудиовход» внизу и перезапустить браузер; теперь вы готовы к работе!

Вы можете проверить входной аудиосигнал в реальном времени, проверив спектр входного сигнала с помощью визуализатора входного сигнала в реальном времени .

Для тех программистов веб-аудио, которые находятся среди вас, вот как запросить входной аудиопоток и получить узел для подключения к любому графу обработки, который вам нравится!

// 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 );

Существует множество богатых возможностей для ввода звука с малой задержкой, особенно в музыкальной сфере. Вы можете увидеть краткий пример того, как использовать это в простом детекторе высоты тона, который я собрал — попробуйте подключить гитару или даже просто насвистывать в микрофон.

И, как и обещал, я добавил живой звук в качестве источника входного сигнала в вокодер, который я написал для Google IO — просто выберите «живой вход» в разделе «Модулятор». Возможно, вам придется настроить усиление модулятора и уровень синтезатора. Имеется небольшая задержка из-за обработки (а не из-за задержки ввода). Теперь, когда у меня есть живой аудиовход, пришло время еще одной настройки!

Наконец, возможно, вы захотите взглянуть на коллекцию моих демо-версий веб-аудио — к тому времени, как вы это прочитаете, у меня может быть еще несколько демо-версий живого аудио!