The Ultimate Browser-Based Music Production Guide
the-ultimate-browser-based-music-production-guide
August 14, 2016
ready
3
# The Ultimate Browser-Based Music Production Guide
The office is a dull and boring place, but we all have to spend a lot of
time there. And, if you are not working for a music startup or some
other cool job it's usually not a good look to bring your synth to work
or put a 909 on your table. There's always a way though---check out our
collection of browser-based music creation tools to stay clocked on that
4/4 at your nine-to-five. We'll start by creating a drum pattern:
**Roland TR-909**
This easy-to-use digital version was coded in HTML5 for maximum
compatibility. Check it out [here][1]{: target="_blank"}.
**Roland 808**
Vincent Riemer emulated this legendary drum machine on the web. While we
admit the browser version's sound isn't as good as on an actual 808, it
still packs an impressive punch in its kicks, claps and cowbells. Click
[here][2]{: target="_blank"} to make some drum patterns right now.
**Modular Synthesis**
A modular synth on the web? Say no more! Click [here][3]{:
target="_blank"} to start patching.
**Chrome Music Lab**
[Introducing Chrome Music Lab][4]{: target="_blank" rel="noopener
noreferrer"}
Google's very own Music Lab encourages easy music-making directly in
your browser. The Lab features interactive instruments, a vocal recorder
and more experimental music creation software. Start your musical
journey [here][5]{: target="_blank"}.
**Novation Launchpad**
[Novation // Launchpad Pro - \'Found Sound\' Performance][6]{:
target="_blank" rel="noopener noreferrer"}
There is even a browser version of the popular Novation Launchpad: you
can find it on Novation's [website][7]{: target="_blank"}.
**Sampulator**
[Dank Beats #2 - Sampulator][8]{: target="_blank" rel="noopener
noreferrer"}
The Sampulator is a browser based sampleboard. It makes for a great
starting point if you want to make some "dank beats." Click [here][9]{:
target="_blank"} for the full experience.
**Otamata**
[Generative Online Sound Sequencer - Otomata][10]{: target="_blank"
rel="noopener noreferrer"}
This is a generative sequencer/game that creates wonderfully twisted
tracks. Just click in some random patterns and see how they develop
[here][11]{: target="_blank"}.
**Typedrummer**
[How to Make a Beat with Type Drummer][12]{: target="_blank"
rel="noopener noreferrer"}
The Typedrummer takes a different approach. It turns words and letters
into beats. You can experiment with it [here][13]{: target="_blank"}.
[1]: http://html909.com/
[2]: http://io808.com/
[3]: http://www.g200kg.com/en/docs/webmodular/
[4]: https://www.youtube.com/watch?v=PdwmtU-FkrA
[5]: https://musiclab.chromeexperiments.com/Experiments
[6]: https://www.youtube.com/watch?v=Ny5V8fN68qo
[7]: http://intro.novationmusic.com/harry-coade
[8]: https://www.youtube.com/watch?v=Mmu_CBuZZOw
[9]: http://sampulator.com/
[10]: https://www.youtube.com/watch?v=lHCdHh1eSi0
[11]: http://www.earslap.com/page/otomata.html
[12]: https://www.youtube.com/watch?v=p3wI94aT7j4
[13]: http://typedrummer.com/5w5h35#
---
id: 84747417-e757-4ab3-a1cb-9641acf3dd99
blueprint: article
title: 'The Ultimate Browser-Based Music Production Guide'
date: 2016-08-14T12:00:29+02:00
wp_id: '119577'
slug: the-ultimate-browser-based-music-production-guide
contents:
-
type: text
text: '<p>The office is a dull and boring place, but we all have to spend a lot of time there. And, if you are not working for a music startup or some other cool job it’s usually not a good look to bring your synth to work or put a 909 on your table. There’s always a way though—check out our collection of browser-based music creation tools to stay clocked on that 4/4 at your nine-to-five. We’ll start by creating a drum pattern:</p><p><strong>Roland TR-909</strong></p><p>This easy-to-use digital version was coded in HTML5 for maximum compatibility. Check it out <a href="http://html909.com/" target="_blank">here</a>.</p><p><strong>Roland 808</strong></p><p>Vincent Riemer emulated this legendary drum machine on the web. While we admit the browser version’s sound isn’t as good as on an actual 808, it still packs an impressive punch in its kicks, claps and cowbells. Click <a href="http://io808.com/" target="_blank">here</a> to make some drum patterns right now.</p><p><strong>Modular Synthesis</strong></p><p>A modular synth on the web? Say no more! Click <a href="http://www.g200kg.com/en/docs/webmodular/" target="_blank">here</a> to start patching.</p><p><strong>Chrome Music Lab</strong></p><p><a href="https://www.youtube.com/watch?v=PdwmtU-FkrA" target="_blank" rel="noopener noreferrer">Introducing Chrome Music Lab</a></p><p>Google’s very own Music Lab encourages easy music-making directly in your browser. The Lab features interactive instruments, a vocal recorder and more experimental music creation software. Start your musical journey <a href="https://musiclab.chromeexperiments.com/Experiments" target="_blank">here</a>.</p><p><strong>Novation Launchpad</strong></p><p><a href="https://www.youtube.com/watch?v=Ny5V8fN68qo" target="_blank" rel="noopener noreferrer">Novation // Launchpad Pro - ''Found Sound'' Performance</a></p><p>There is even a browser version of the popular Novation Launchpad: you can find it on Novation’s <a href="http://intro.novationmusic.com/harry-coade" target="_blank">website</a>.</p><p><strong>Sampulator</strong></p><p><a href="https://www.youtube.com/watch?v=Mmu_CBuZZOw" target="_blank" rel="noopener noreferrer">Dank Beats #2 - Sampulator</a></p><p>The Sampulator is a browser based sampleboard. It makes for a great starting point if you want to make some “dank beats.” Click <a href="http://sampulator.com/" target="_blank">here</a> for the full experience.</p><p><strong>Otamata</strong></p><p><a href="https://www.youtube.com/watch?v=lHCdHh1eSi0" target="_blank" rel="noopener noreferrer">Generative Online Sound Sequencer - Otomata</a></p><p>This is a generative sequencer/game that creates wonderfully twisted tracks. Just click in some random patterns and see how they develop <a href="http://www.earslap.com/page/otomata.html" target="_blank">here</a>.</p><p><strong>Typedrummer</strong></p><p><a href="https://www.youtube.com/watch?v=p3wI94aT7j4" target="_blank" rel="noopener noreferrer">How to Make a Beat with Type Drummer</a></p><p>The Typedrummer takes a different approach. It turns words and letters into beats. You can experiment with it <a href="http://typedrummer.com/5w5h35#" target="_blank">here</a>.</p>'
---
Chunk #1 (Position: 0)
# The Ultimate Browser-Based Music Production Guide The office is a dull and boring place, but we all have to spend a lot of time there. And, if you are not working for a music startup or some other cool job it's usually not a good look to bring your synth to work or put a 909 on your table.&nbs...
Chunk #2 (Position: 1)
Start your musical journey [here][5]{: target="_blank"}. **Novation Launchpad** . [Novation // Launchpad Pro - \'Found Sound\' Performance][6]{: target="_blank" rel="noopener noreferrer"} There is even a browser version of the popular Novation Launchpad: you can find it on Novation's [webs...
Chunk #3 (Position: 2)
It turns words and letters into beats. You can experiment with it [here][13]{: target="_blank"}. [1]: http://html909.com/ [2]: http://io808.com/ [3]: http://www.g200kg.com/en/docs/webmodular/ [4]: https://www.youtube.com/watch?v=PdwmtU-FkrA [5]: https://musiclab.chromeexperiments.com/Experiments ...