🔈 Audio

Audio is essential to game feel — sound effects provide feedback for player actions, ambient sounds build atmosphere, and music sets the emotional tone.

Web Audio API

The Web Audio API is the browser’s built-in system for playing and processing audio. It provides a node-based graph where you connect sources, effects, and outputs. For games, the key features are low-latency playback, volume control, and spatial/positional audio — sounds that get louder or quieter based on the listener’s distance and direction, with panning between left and right channels.

Note that browsers require a user interaction (click, tap) before audio can play — you can’t autoplay sounds on page load.

For heavy audio processing, Audio Worklets let you run custom audio code in a dedicated thread.

Toolkits

• Stars
  NPM
  TS
  Maintained
• Howler

  25k

  600k/w

  
  25k600k/w
  
• SoundJS

  4k

  200/w

  
  4k200/w
  
  8 years

Music Production and Effects

• Stars
  NPM
  TS
  Maintained
• Tone.js

  15k

  80k/w

  

  – DAW
  15k80k/w
  
• WadJS

  2k

  400/w

  

  – DAW
  2k400/w
  
• tuna

  2k

  200/w

  

  – Effects
  2k200/w
  
• XSound

  170

  200/w

  

  – DAW
  170200/w
  
• Reactronica

  400

  40/w

  

  – Tone.js in React
  40040/w
  
• Pizzicato

  2k

  500/w

  

  – DAW
  2k500/w
  
  6 years
• react-music

  3k

  10/w

  

  – Archived
  3k10/w
  
  8 years

Resources

• soundraw.io