howler.js

게임 제작의 경우 최상의 솔루션 중 하나는 howler.js 와 같이 웹용 코드를 작성할 때 직면하는 많은 문제를 해결하는 라이브러리를 사용하는 것 입니다. howler.js는 훌륭한 (그러나 저수준) 웹 오디오 API 를 사용하기 쉬운 프레임 워크로 추상화합니다 . 웹 오디오 API를 사용할 수없는 경우 HTML5 오디오 요소 로 폴백을 시도합니다 .

var sound = new Howl({
  urls: ['sound.mp3', 'sound.ogg']
}).play();
// it also provides calls for spatial/3d audio effects (most browsers)
sound.pos3d(0.1,0.3,0.5);

wad.js

또 다른 훌륭한 라이브러리 인 wad.js 는 음악 및 효과와 같은 신디사이저 오디오를 제작하는 데 특히 유용합니다. 예를 들면 다음과 같습니다.

var saw = new Wad({source : 'sawtooth'})
saw.play({
    volume  : 0.8,
    wait    : 0,     // Time in seconds between calling play() and actually triggering the note.
    loop    : false, // This overrides the value for loop on the constructor, if it was set. 
    pitch   : 'A4',  // A4 is 440 hertz.
    label   : 'A',   // A label that identifies this note.
    env     : {hold : 9001},
    panning : [1, -1, 10],
    filter  : {frequency : 900},
    delay   : {delayTime : .8}
})

게임 소리

Wad.js와 유사한 또 다른 라이브러리는 ” Sound for Games “이며, 효과 제작에 더 중점을두고 있으며 비교적 뚜렷한 (그리고 더 간결한 느낌) API를 통해 유사한 기능을 제공합니다.

function shootSound() {
  soundEffect(
    1046.5,           //frequency
    0,                //attack
    0.3,              //decay
    "sawtooth",       //waveform
    1,                //Volume
    -0.8,             //pan
    0,                //wait before playing
    1200,             //pitch bend amount
    false,            //reverse bend
    0,                //random pitch range
    25,               //dissonance
    [0.2, 0.2, 2000], //echo array: [delay, feedback, filter]
    undefined         //reverb array: [duration, decay, reverse?]
  );
}

요약

하나의 사운드 파일을 재생하거나 자신 만의 HTML 기반 음악 편집기, 효과 생성기 또는 비디오 게임을 만들어야하는지 여부에 관계없이 이러한 라이브러리 각각을 살펴볼 가치가 있습니다.

답변

function supportsAudio()
{
    var a = document.createElement('audio');
    return !!(a.canPlayType && a.canPlayType('audio/mpeg;').replace(/no/, ''));
}

// collection of sounds that are playing
var playing={};
// collection of sounds
var sounds={step:"knock.ogg",throw:"swing.ogg"};

// function that is used to play sounds
function player(x)
{
    var a,b;
    b=new Date();
    a=x+b.getTime();
    playing[a]=new Audio(sounds[x]);
    // with this we prevent playing-object from becoming a memory-monster:
    playing[a].onended=function(){delete playing[a]};
    playing[a].play();
}

player("step");