screenshot_62

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: https://irritantcreative.ca/projects/x0x 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 …

READ MORE →
Telemann

The next Web standard could be music notation

The role of the music score is an important one, as a lingua franca – it puts musical information in a format a lot of people can read. And it does that by adhering to standards. Now with computers, phones, and tablets all over the planet, can music notation adapt? A new group is working on bringing digital notation as a standard to the Web. The World Wide Web Consortium (W3C) – yes, the folks who bring you other Web standards – formed what they’re describing as a “community group” to work on notation. That doesn’t mean your next Chrome …

READ MORE →
heisenberg

Cool Things Chrome Can Do Now, Thanks to Hardware MIDI

Plugging a keyboard or drum pads into your Web browser is now a thing. One month ago, we first saw hardware MIDI support in Chrome. That was a beta; this week, Google pushed it out to all Chrome users. So, what can you actually do with this stuff? Well, you can open a Web tab and play a synth on actual hardware, which is pretty nifty. Support is still a little dicey, but the available examples are growing fast. Here are some of the coolest, in addition to the MIDI example and demo code we saw last month. The examples …

READ MORE →
webaudio

Now Google Chrome Browser Does MIDI

It’s 32 years old. It’s supported by keyboards and electronic wind instruments and lederhosen. And now you can add your browser to the list. MIDI will never die. Yes, as of more recent beta and stable builds, Google’s Chrome browser has built-in support for hardware MIDI. Plug in a MIDI controller, and you can play – well, this Web Audio MIDI Synthesizer, anyway: https://webaudiodemos.appspot.com/midi-synth/index.html Chris Wilso is the author, and describes it thusly:

READ MORE →
timbersynth

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. …

READ MORE →

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 …

READ MORE →

The Sound of Speed: Inside the Award-Winning Sound Effects for Chrome Speed Tests

What does speed sound like? Sound designer and electronic musician Joseph Fraioli, aka jafbox, was charged with giving a campaign just that feeling. The spot, directed by Aaron Duffy and promoting Google’s Chrome with some clever tricks and photography, has been a huge award winner in sound design because of just how masterfully he pulled off the job. First, the accolades: winner of the 2011 cannes lion bronze award for sound design winner of the 2011 clio gold award for sound design winner of the 2011 one show silver award for sound design d&ad 2011 in book nomination for sound …

READ MORE →
ss5_thumb.png

3D Meets Open Video: HTML5 + NVIDIA + WebM + Firefox

Got this hardware? Then watch YouTube go into 3D. All you need is to get a friend to toss some fish from behind your monitor to complete the effect. (See: Muppets Take Manhattan.) The promise of genuinely open video isn’t just making something “open” for the sake of it. Realizing that potential means doing something you might not otherwise. In the midst of all this griping about Flash and codecs, you’d want Web video to actually do something it hadn’t done before. It’s just a step, but here’s one possibility: Mozilla today announced a collaboration with NVIDIA to add stereoscopic …

READ MORE →

Chris Milk and Google Make a WebGL Music Video – And Share Some Secrets; Start the Magic Now

The 3D browser medium may have just gotten its first breakthrough work – though even that is not nearly as exciting as the thought of what may yet come. Instead of waiting for those new developments, Google and the video’s creators share liberally the toolset they used, with code and skills that could be applied to an unimaginable range of projects. In a dreamlike world of mixed video and 3D, the music video for Rome’s “3 Dreams of Black” goes far beyond the world of most music videos available today. The 3D graphics alone allow for a higher-fidelity visuals, which …

READ MORE →
otomata

Otomata, A Generative Online Sequencer; Apps versus Web, Plus SuperCollider Goodies

Behold the power of the Web: composition ideas become a tool, a tool becomes a means for even casual users sharing musical sketches, and a browser toy can be a window into a Turkish sound artist breeding musical DNA like some people breed strains of flowers. Otomata is a simple generative online grid-based sequencer, owing to a number of step sequencers and Toshio Iwai’s Tenori-on, with some beautiful circular visualizations of the resulting sounds. I’m late in posting it, but in a way, that’s a good thing – in the time that this sequencer has spread around the Web, it’s …

READ MORE →