codeitbhanu / webaudio-playground

An interactive introduction to the WebAudio API.

Home Page:http://webaudio.geeogi.com

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

About

The webaudio API is a system for playing and manipulating audio in the browser. This playground demonstrates the webaudio API's ability to load audio files and apply effects such as spatial effects, compression, filtering, convolution and wave shaping.

Try it out

  • Visit the playground
  • Click "setup" and then "play" to get started
  • Enable and disable audio nodes and play with the controls
  • View the source code to see how the audio nodes are configured using the webaudio API

Warning: the playground produces sound and it get's loud sometimes.

Development

Node

  • Download the code: git clone git@github.com:geeogi/webaudio-playground.git
  • Navigate to the project: cd webaudio-playground
  • Install dependencies: npm install
  • Start the development server: npm run start

Deploy

  • Build the project as a static website: yarn build
  • Serve the /build directory

References

About

An interactive introduction to the WebAudio API.

http://webaudio.geeogi.com


Languages

Language:JavaScript 94.4%Language:HTML 4.7%Language:CSS 0.9%