Drum machines in your browser, and more places to find Web Audio and MIDI

Open a new tab, and suddenly you have a powerful, sequenced drum synth making grooves. Give it a shot: Or read more. (This latest creation came out in June.) This is either the future of collaborative music making or the Single Greatest Way To Make Music While Pretending To Do Other Work I’ve ever seen. But, as a new effort works on sharing music scores in the browser, it’s worth checking up on the Web Audio API – the stuff that makes interactive sound possible – and connections to hardware via MIDI. And there’s a lot going on, the …


Kill Some Time Making Acid in a Browser, And Other Fun Tricks

Error 303, anyone? Computation is everywhere – phones, tablets, watches (apparently), and yes, browsers in all of those places. And that computational power can be harnessed to completely distract you from doing real work in the office — um, I mean, make music. “Acid Machine Beta” is a rather fun implementation of two synths and a drum machine, all running in your browser. The “Randomize” function alone should hook you for a bit. Beyond that, you get a decent complement of synth and percussion controls that could make a reasonable little groove. (Recording isn’t directly possible, but you could route …


Play a Great-Sounding Theremin in Your Web Browser: Distraction of the Day

If you want an explanation for why you’d want to build sophisticated audio into the Web, maybe it’s just because you don’t like fun. Fun is what you get out of this Web Audio Theremin toy, the work of one Luke Phillips of Femur Design. The web audio theremin is a touch friendly & responsive audio synthesizer built in javascript using the Web Audio API with HTML5 canvas. As the user interacts with the screen synthesized sounds are generated in the style of a moog theremin and the canvas displays a visual representation of the audio. “Theremin” is a loose …


Giorgio Moroder’s Music, Racing Across Your Handheld Browser, Free [Web Tech, Free Track]

Imagine the browser window – on a desktop, a phone, or a tablet – as another canvas for musicians. Hearing Web nerds talk about the latest browser tech may, it may not be immediately clear how that connects to this browser future. But with the addition of features like 3D and network sockets, suddenly you begin seeing dynamic music toys and tools that work without downloading apps. Google has become part R&D lab, part arts patron, with its Chrome Experiments. In the latest, Giorgio Moroder’s music is the soundtrack to a “race” of abstract, colored geometries as they track between …


Guitar Stompbox in Your Browser? Web Audio Adds Line In, iPhone Support, More

Watching a skyscraper go up is always fascinating. For a long time, the thing basically looks like a bit pit in the ground. After some time, you get the beginnings of a skeleton. Suddenly, the structure rises at a near-impossible pace, climbing into the clouds faster than you’d imagine. Then, it’s at a point when it looks finished, but isn’t – there’s this final, agonizing push to make it really inhabitable for everyone. Yep, new standards are often the same way. Web audio had, in comparison to conventional native development, looked largely like that gaping hole in the ground for …


Tibersynth Makes Crazy Sounds in Your Browser, Free

Lovers of experimental sound are finding a new canvas in the Web Browser, thanks to evolving work on standard audio tools. Cory O’Brien sends us his creation: “a real-time vector synth.” The result: crazy sounds. You’ll need Chrome, Chromium, or Safari 6 to try it out, but it’s quite a lot of fun. I especially like the percussive sounds I get just clicking spots. And it’s worth some different tries – and hitting the ‘R’ key to randomize – if at first you don’t like what you hear. The deeper significance: you’re going to be seeing more things like this. …


Plink: Play Music with Strangers, In Your Browser; and the Webby Music Goodness Continues

It starts as just another toy to play around with in a few minutes of distraction in your Web browser – as if the Web were short on distraction. But then, something amazing can happen. Like a musical Turing Test, you start to get a feeling for what’s happening on the other side. Someone’s stream of colored dots starts to jam with your stream of colored dots. You get a little rhythm, a little interplay going. And instead of being a barrier, the fact that you’re looking at simple animations and made-up names and playing a pretty little tune with …


Geometric Reactive Audio Visualizations, Now Live in the Browser; How it was Done

Now, tripping out to visuals while you listen to music doesn’t require a separate app. You can do it right in the browser. And this pretty proof of concept not only creates dancing 3D visuals: it also demonstrates just how much is possible with 3D browser capabilities, and how they could interact with music, suggesting much more to come. Los Angeles-based developer Felix Turner of Airtight Interactive shares The Loop Waveform Visualizer. Tested for use in Google’s Chrome, it’s powered by two cross-platform, cross-browser, HTML5-associated technologies, WebGL and the Web Audio API. Give it any MP3 (you can even drag …