5 библиотек и API для управления аудио HTML5

Чтобы продемонстрировать синтаксис, вот классный пример того, что называется «звуковой спрайт», где вы определяете местоположение различных звуков из одного звукового файла:

 var sound = new Howl({
  urls: ['sounds.mp3', 'sounds.ogg'],
  sprite: {
    blast: [0, 1000],
    laser: [2000, 3000],
    winner: [4000, 7500]
  }
});

// shoot the laser!
sound.play('laser');

Мне нравится синтаксис, API имеет красивый чистый вид, и, кажется, его очень легко понять и начать использовать. Поскольку он использует новый API-интерфейс Web Audio и использует аудио HTML5, поддержка браузера является сильной.

Авторы библиотеки описывают его как «отличный для игр», но такой же хороший для любого другого веб-приложения, связанного со звуком.

3. Pedalboard.js

Как и предыдущие библиотеки, обсуждаемые до сих пор, Pedalboard.js также использует API-интерфейс Web Audio, но на этот раз он используется для создания звуковых эффектов на источниках звука, специально предназначенных для гитарных эффектов. В двух словах, вы можете использовать этот API для создания своей собственной педальной доски, с помощью которой можно манипулировать звуками гитары. Отличный пример, демонстрирующий мощь этого API, — Pedals.io , «гитарные эффекты в облаке»:

Синтаксис API является объектно-ориентированным, поэтому он чистый и простой в использовании. Вот пример:

 // initialize the stage and get the context
var stage = new pb.Stage();
var ctx = stage.getContext();

// initialize the board and pedals
var board = new pb.Board(ctx);
var od = new pb.stomp.Overdrive(ctx);
var reverb = new pb.stomp.Reverb(ctx);
var vol = new pb.stomp.Volume(ctx);

// add pedals to board
board.addPedals([od, reverb]);
board.addPedalsAt(1, vol);

// tweak pedal settings
od.setDrive(0.7);
od.setLevel(0.7);
reverb.setLevel(0.3);
vol.setLevel(0.2);

// set the board on stage and start playing!
stage.setBoard(board);

Приведенный выше код основывается на объекте «stage», который содержит «доску», которая, в свою очередь, содержит «педали», способные создавать желаемые эффекты.

Следует признать, что это не обязательно будет самая полезная библиотека для создания игр или других приложений, но я уверен, что если у вас есть творческое мышление, вы можете придумать что-нибудь интересное с этим. Эта библиотека работает в любом браузере, который поддерживает API Web Audio.

В качестве примечания: если вам нравится эта библиотека, вы также можете попробовать Band.js , API «Music Composer» , который поддерживает ритмы, несколько инструментов, повторяющиеся секции и сложные временные подписи.

4. Пачка

Wad означает Web Audio DAW (Digital Audio Workstation) и называется «jQuery для ваших ушей». Это библиотека, которая помогает упростить управление звуком с помощью API Web Audio.

Вот пример синтаксиса, который представляет трек для фортепиано, синтезированный с использованием «квадратной» волны:

 var piano = new Wad({
    source : 'square', 
    env : {
        attack : .01, 
        decay : .005, 
        sustain : .2, 
        hold : .015, 
        release : .3
    }, 
    filter : {
        type : 'lowpass', 
        frequency : 1200, 
        q : 8.5, 
        env : {
            attack : .2, 
            frequency : 600
        }
    }
})

piano.play({ pitch : 'C5' })
piano.play({ pitch : 'Eb5', filter : { q : 15 } })
piano.play({ pitch : 'F5', env : { release : .2 } })

Еще раз, довольно чистый API с множеством функций. Вы можете проверить приведенный выше код вместе с некоторыми другими примерами (малый барабан, флейта, хихат и т. Д.) На этой демонстрационной странице .

 Fifer({ swf : '../Fifer.swf' }).loaded(function(files) {
    console.log('loaded');
    this.bang();
}).onAudioProcess(function(arr) {
    console.log(arr);
}).registerAudio('bang','bang.mp3',true)