Tag Archives: BeepJS

BeepJS: Beep is a JavaScript toolkit for building browser-based synthesizers.


via stewdio/beep.js · GitHub.

Beep is a JavaScript toolkit for building browser-based synthesizers using the Web Audio API. It takes a “batteries included” approach, meaning it boots up ready to give you the audio equivalent of “Hello, World!” without too much fuss. One line like synth = new Beep.Instrument() will build a bundle ofTrigger interfaces, each with its own Voices for Notes—that is, a piano keyboard that you can begin banging on immediately. But what’s a software piano that can’t play itself? Use synth.scorePlay() to play the default score provided for you. (And yes, you can always write your own scores!)

The blurb above and descriptions below include some sample code. If you’re new to hacking around in the browser you may be wondering where that code’s supposed to go. Are you viewing this in a modern desktop browser? Then you can open up your browser’s JavaScript Console and start hacking away right now. Here’s how:

Chrome: View → Developer → JavaScript Console, or ⌥⌘J.
Safari: First, enable the Developer menu. Then, Develop → Show Error Console, or ⌥⌘C.
Firefox: Tools → Web Developer → Web Console, or ⌥⌘K.
Opera: View → Developer Tools → Opera Dragonfly, or ⌥⌘I, then click on the Console tab.