Make music in your browser

Nowadays you can make music on on your browser – even if you can’t really play real instruments. I have earlier written about Patatap, and here are some new finding on this field:

ACID MACHINE BETA is a in-browser tool (uses HTML5 “magic”) that emulates Roland’s TB-303 bass synthesizer with built-in sequencer. It brings the essence of building a bass, lead and drum sequence to you without the need to install any additional software! (works well on Firefox and Chrome) It allows you to easily make your own ACID house music as the well-known “acid” sound is typically produced by playing a repeating note pattern on the TB-303 (like in this classic track).

According to Make acid house in your browser with Acid Machine article Acid Machine is described by developers Errozero as a “work in progress”, but it’s already working better than a faulty TB-303 found on eBay. As well as featuring two of the famous bass synthesisers, Acid Machine also features a drum machine. Acid Machine is making the dream of writing acid house tracks in the office a reality. Play with it for few minutes and you have some interesting sounding results!


Want some more drum machines?  Emulate four classic drum machines in your browser article tells about HTML 5 Drum Machine Emulator  that that can emulate five different kits: Roland’s iconic TR-808 and TR-909, the Linndrum, Elektron’s Machinedrum and an acoustic drum kit. You can create multiple 16-step patterns, manipulate the pitch and volume of each individual drum sample and even save patterns for the next time you visit the page. Once you’ve laid down your beat, you can even export the whole thing as a WAV file.


Or do you want to try to play with hip hop samples? Turn your computer keyboard into an MPC and recreate hip hop beats from Dilla, Kanye and 9th Wonder  with interactive hip hop sampler Sample Stitch. Sample Stitch  lets you reinterpret, record and even share your creations to Facebook and Twitter.




  1. Tomi Engdahl says:

    Play for Me, Jarvis

    Using nothing more than algorithms and preloaded data, the Web site will generate completely unique and oddly pleasant electronic music.

  2. Tomi Engdahl says:

    JavaScript Library for Objective Sound Programming

    Timbre.js provides a functional processing and synthesizing audio in your web apps with modern JavaScript’s way like jQuery or node.js. It has many T-Object (formally: Timbre Object) that connected together to define the graph-based routing for overall audio rendering. It is a goal of this project to approach the next generation audio processing for web.

    This project is hosted on GitHub.

  3. Tomi Engdahl says:


    theremin instrument using the Web Audio API in 219 bytes

    The theremin is the Hello World of audio synthesis. This intstrument was invented around 1920 by Leon Theremin and uses two antenas to detect the distance of the hands of the player to adjust the picth and volume of a simple oscillator.

    Using the Web Audio API, makes this trivial. We need an AudioContext, a GainNode and an OscillatorNode, connect them all together and map the volume and frequency to the mousemove event.

  4. Tomi Engdahl says:

    Atari Punk Console in Javascript!

    Atari Punk Console in Javascript!
    This is a simulation of an Atari Punk Console written in Javascript. It uses the Audiolet library for sound.

    Live demo:

    Atari Punk Console

  5. Tomi Engdahl says:

    808 Drum Machine In An ATTiny 14-Pin Chip

    the original Roland TR-808 was the first programmable drum machine and has been a mainstay of electronic music ever since. Hackers have been building their own versions of this vintage device for years, but this version from do-it-yourself synth builder [Jan Ostman] is quite remarkable.

    He’s packed the entire device (called the Drum8 Vintage) into a single ATtiny84 14-pin DIP package, including the samples and eight polyphonic voices, plus old-school analog CV triggers, a global tune and an analog global accent input. That won’t mean a lot to non-musicians, but suffice to say that these are the same inputs that the original TR-808 had that allowed you to do all sorts of interesting stuff to trigger and modify the drum sounds. Plus some extras.

    [Jan] is offering the chip itself for $20

    Drum8 Vintage available

  6. Tomi Engdahl says:

    You Can’t Build A Roland TR-808 Because You Don’t Have Faulty Transistors

    That headline sounds suspect, but it is the most succinct way to explain why the Roland TR-808 drum machine has a very distinct, and difficult to replicate noise circuit. The drum machine was borne of a hack. As the Secret Life of Synthesizers explains, it was a rejected part picked up and characterized by Roland which delivers this unique auditory thumbprint.

    Pictured above is the 2SC828-R, and you can still get this part. But it won’t function the same as the parts found in the original 808.

    The mysterious heart of the Roland TR-808 drum machine

  7. Tomi Engdahl says:

    How to program a TB-303 with Everybody needs a 303 by Fatboy Slim

    Tutorial on how to program a TB-303 bass line and a TR-909 rythm composer. The sequence on the 303 is from the song “Everybody needs a 303″ by Fatboy Slim.

  8. Tomi Engdahl says:


    Mechanical Techno Demonstration by Graham Dunning

  9. Tomi Engdahl says:

    House & Techno patterns

    A walkthrough on how to make a couple of typical drum machine patterns of House and Techno of the late ’80s / early ’90s

  10. Tomi Engdahl says:

    Piano chords for beginners: learn four chords to play hundreds of songs

    Learning piano chords and chord progressions can seem pretty daunting, but you can get a long way on the instrument by knowing just a few. In fact, you can play hundreds of songs if you learn just four easy piano chords.

    The chords I look at are C, F, G and A minor. The first thing I explain is the importance of being able to play these chords in many different voicings and inversions – the piano offers hundreds of different ways of playing simple chords, and it’s important that you really get comfortable with find chord shapes quickly on the keyboard.

    From there we take a simple chord progression and begin to play it to time, starting with just single chords and moving on to slightly more complex, but easy piano comps.

    Axis of Awesome – 4 Four Chord Song (with song titles)

  11. Tomi Engdahl says:

    Modular Music Synthesis On The Web

    you can now build a virtual synthesizer on the web using Zupiter, a modular synthesizer that runs in your browser.


Leave a Comment

Your email address will not be published. Required fields are marked *