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.
442 Comments
Tomi Engdahl says:
Play for Me, Jarvis
http://www.linuxjournal.com/content/play-me-jarvis
Using nothing more than algorithms and preloaded data, the Web site will generate completely unique and oddly pleasant electronic music.
http://computoser.com/
Tomi Engdahl says:
T(“timbre.js”)
JavaScript Library for Objective Sound Programming
https://mohayonao.github.io/timbre.js/
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.
https://github.com/mohayonao/timbre.js/
Tomi Engdahl says:
10 PRINT THEREMIN
http://www.p01.org/10_print_theremin/
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.
Tomi Engdahl says:
Atari Punk Console in Javascript!
https://github.com/russellcardullo/ataripunkconsole.js/tree/master
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:
AtariPunkConsole.js
http://ataripunkconsole.herokuapp.com/
Wikipedia
Atari Punk Console
https://en.wikipedia.org/wiki/Atari_Punk_Console
Tomi Engdahl says:
808 Drum Machine In An ATTiny 14-Pin Chip
http://hackaday.com/2016/09/28/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
https://janostman.wordpress.com/2016/09/12/drum8-vintage-available/
Tomi Engdahl says:
You Can’t Build A Roland TR-808 Because You Don’t Have Faulty Transistors
https://hackaday.com/2018/09/06/you-cant-build-a-roland-tr-808-because-you-dont-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
http://secretlifeofsynthesizers.com/the-strange-heart-of-the-roland-tr-808/
Tomi Engdahl says:
How to program a TB-303 with Everybody needs a 303 by Fatboy Slim
https://www.youtube.com/watch?v=ZV68yA0dPwA
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.
Tomi Engdahl says:
MECHANICAL TECHNO DEMONSTRATION
https://www.youtube.com/watch?v=wl1ZrEza7uY
Mechanical Techno Demonstration by Graham Dunning
http://grahamdunning.com
Tomi Engdahl says:
House & Techno patterns
https://www.youtube.com/watch?v=gZ3Y0oVaXX4
A walkthrough on how to make a couple of typical drum machine patterns of House and Techno of the late ’80s / early ’90s
Tomi Engdahl says:
This is a simulation of an Atari Punk Console written in Javascript.
http://ataripunkconsole.herokuapp.com/
https://github.com/russellcardullo/ataripunkconsole.js/tree/master
Tomi Engdahl says:
Make Drum Patterns with Drum Sequencer
https://www.youtube.com/watch?v=gr_XQ4qmaPA
Tomi Engdahl says:
Piano chords for beginners: learn four chords to play hundreds of songs
https://www.youtube.com/watch?v=gmvwZRwn-j0
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)
https://www.youtube.com/watch?v=5pidokakU4I
Tomi Engdahl says:
Modular Music Synthesis On The Web
https://hackaday.com/2019/10/09/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.
https://z.musictools.live/#95
Tomi Engdahl says:
PLAY A STRANGER THINGS SYNTH IN YOUR WEB BROWSER
https://djmag.com/news/stranger-things-soundtrack-synth-you-can-play-home
Tomi Engdahl says:
Social distancing? Moog and Korg have made their synth apps free to keep you occupied
https://www.residentadvisor.net/news/72250?fbclid=IwAR2awUiwmstKoBcAkyxb_SbM6HGGmfjbEb6uQgJ_aAUDVLSrUyJMN1lLqCs
Tomi Engdahl says:
https://www.thomann.de/blog/fi/10-epatavallista-tapaa-tehda-musiikkia/?utm_source=facebook.com&utm_medium=cpc&utm_campaign=feed&utm_content=10ways
Tomi Engdahl says:
a multipart series on the classic Roland TR-808 analog drum machine. In this video shows how to replace all of the 40 year old electrolytic capacitors in our Roland TR-808 analog drum machine with new audio grade Nichicons. A map of the capacitors on the circuit boards as well as a list of replacement values and part numbers is available for download.
https://youtu.be/ZSZOHUuNRJk
Tomi Engdahl says:
https://hackaday.com/2020/08/17/gridsound-an-audio-workstation-in-your-browser/
Tomi Engdahl says:
https://gridsound.com/#/
Tomi Engdahl says:
https://808303.studio/
808303.studio is a new online music creation platform created by Yuri Suzuki and Roland, which features Roland’s innovative Step Sequencer technique, as well as emulating the sound of the original TR-808 drum machine and TB-303 bass synthesiser.
Tomi Engdahl says:
Five notes hit…
https://youtu.be/NbXhxn_5nuU
Tomi Engdahl says:
Browser-based thing to mess about with on a Sunday!
SID synth
https://www.tony-b.org/
Tomi Engdahl says:
The Art of Code – Dylan Beattie
https://www.youtube.com/watch?v=6avJHaC3C2U
https://sonic-pi.net/
Sonic Pi is a new kind of musical instrument.
Watch how you can use it for live performances from ambient sets to dance music in nightclubs…
Tomi Engdahl says:
Web Assembly, Music Synthesis, And The Beauty Of Math
https://hackaday.com/2021/05/28/web-assembly-music-synthesis-and-the-beauty-of-math/
Tomi Engdahl says:
Wendy Carlos demonstrates her Moog Synthesizer in 1970
https://www.youtube.com/watch?v=4SBDH5uhs4Q
From the BBC archives. The music towards the end of the video is the 2nd movement of the 4th Brandenburg Concerto from her Well-Tempered Synthesizer album. You can visit her webpage at: http://wendycarlos.com
Tomi Engdahl says:
https://musiclab.chromeexperiments.com/Song-Maker
BAD GUY but on Google Translate and Song Maker!
https://www.youtube.com/watch?v=4UaYMPfOMGI
everyone: billie eilish saves pop music
google: hold my translate
Eilish fans: no one sings better than her
Google translate: and I took that personally
Tomi Engdahl says:
Best Classic EDM: Dance & Techno
https://www.youtube.com/watch?v=HSpPimaPUKk
Songlist:
Mauro Picotto – Komodo
Gigi D’Agostino – L’Amour Toujours
Haddaway – What Is Love
Whigfield – Saturday Night
Sash! – Ecuador
Robin S – Show Me Love
ATC – Around The World
Ableton Live Techno
Bitwig Techno
FL Studio Techno
Tomi Engdahl says:
Producing An EDM Drop (Start To Finish)
https://www.youtube.com/watch?v=o5tovCGo8DM
How to make EDM, a powerful drop tutorial kinda, producing a drop from start to finish!
Tomi Engdahl says:
How To Produce A Pop Song In 10 Steps | Make Pop Music
https://www.youtube.com/watch?v=k4YixkCxZk8
Tomi Engdahl says:
Emotional Chord Patterns (Easiest Method)
https://www.youtube.com/watch?v=9qfhRu2A7pg
Tomi Engdahl says:
FORGOTTEN songs turned into SMASH HITS
https://www.youtube.com/watch?v=d5FzDzY2uqM
You won’t believe where some of these songs ORIGINATE from?!!!
Tomi Engdahl says:
3 Different Ways To Make Melodies (No Music Theory Knowledge)
https://www.youtube.com/watch?v=oj1VC_rfaP4
In this video I am going to show you 3 different ways or techniques to make melodies and chord progressions that stay within the scale. I am going to be using FL Studio 20. If you use these correctly you should be making better melodies in no time.
Tomi Engdahl says:
How to make remixes & mash-ups, with David Guetta
https://www.youtube.com/watch?v=kUoI5Vv8Bu8
David Guetta shows us how he makes remixes and mash-ups for his 100% production sets, as he prepares for his first show back in Miami.
Tomi Engdahl says:
How to Make a Cardi B ‘WAP’ Bootleg With David Guetta
https://www.youtube.com/watch?v=RG7Gop8Pb1Q
I’m showing you how to make a big room house track by bootlegging Cardi B and Megan Thee Stallion’s ‘WAP’!
this guy got two talents
1- Super DJ
2- produce without a mouse
Tomi Engdahl says:
4 Melody Patterns Every Producer Should Know
https://www.youtube.com/watch?v=-6pSn_S8huA
How To Produce Music With NO Music Theory Knowledge
https://www.youtube.com/watch?v=nsI-y8rXMcg
Tomi Engdahl says:
How to keep your boring loop endlessly spicy with Polymeters
https://www.youtube.com/watch?v=0SPaGLLlBsM
Most explanations of polyrhythms and polymeters are pretty theoretical, so here we show you a super simple method to harness its power in Ableton Live. Turn a stale loop into something endlessly interesting using a touch of basic music theory.
We also do some critical listening to professional tracks to hear polyrhythms, including Wolfgang Voigt and KAS:ST, so you can use their techniques in your own music production in any DAW.
Tomi Engdahl says:
Axis of Awesome – 4 Four Chord Song (with song titles)
https://www.youtube.com/watch?v=5pidokakU4I
https://www.musical-u.com/learn/four-chords-and-the-truth/
Ismo Leikola – Kaikkien biisien kertosäe – Muusikoiden suuri kusetus – Emma-Gaala 2011
https://www.youtube.com/watch?v=qJYkAZeFIKI
Tomi Engdahl says:
https://musiclab.chromeexperiments.com/Chords/
Tomi Engdahl says:
https://midnightmusic.com.au/2018/09/50-lesson-ideas-for-the-chrome-music-lab/
Tomi Engdahl says:
https://www.skoove.com/blog/chrome-music-lab-experiments/
Tomi Engdahl says:
https://chordchord.com/
Tomi Engdahl says:
https://www.online-tech-tips.com/google-softwaretips/chrome-music-lab-how-to-make-cool-music-sounds/
Tomi Engdahl says:
https://www.iflscience.com/technology/algorith-created-every-possible-musical-melody-no-one-can-ever-sue-copyright-infringement/
Tomi Engdahl says:
Basics Of Techno With Lewis Beck | 343 Labs
https://www.youtube.com/watch?v=Tbvn_cEux3U
Tomi Engdahl says:
David Guetta makes a future rave ‘Titanium’ edit from scratch
https://www.youtube.com/watch?v=awRcImBSmT0
David Guetta makes a future rave ‘Titanium’ edit from scratch using Ableton Live’s stock plugins, Serum and more.
Tomi Engdahl says:
https://hackaday.com/2021/09/22/ask-hackaday-what-can-only-a-computer-do/
It is easy to apply computers to improve things we already understand. For example, instead of a piano today, you might buy a synthesizer. It looks and works — sometimes — as a piano. But it can also do lots of other things like play horns, or accompany you with a rhythm track or record and playback your music. There’s plenty of examples of this: word processors instead of typewriters, MP3 players instead of tape decks, and PDF files instead of printed material. But what about something totally new? I was thinking of this while looking at Sonic Pi, a musical instrument you play by coding.
https://sonic-pi.net/
Tomi Engdahl says:
https://fi.m.wikibooks.org/wiki/Musiikin_taulukot/S%C3%A4velten_taajuudet
Tomi Engdahl says:
How to Make a Cardi B ‘WAP’ Bootleg With David Guetta
https://www.youtube.com/watch?v=RG7Gop8Pb1Q
I’m showing you how to make a big room house track by bootlegging Cardi B and Megan Thee Stallion’s ‘WAP’!
Tomi Engdahl says:
When you make music with a non-musician
https://www.youtube.com/watch?v=LGGpFBUt84A
Tomi Engdahl says:
69 Producer Hacks In 420 Seconds
https://www.youtube.com/watch?v=jS-1dMWEnIw
In this tutorial, I’ll show you 69 music production hacks, tips and tricks!