Javascript music visualizer

Audio nerd lab

Javascript with ears

I recently learned about the pretty amazing JavaScript WebAudio API. That’s a cool name for a Programming Interface that allows you to do all kinds of fun things with sound in your web browser.

For example, you can plug in audio effects on music that is streaming. Or, as I did in this case, have an analyzer listen to your music.

If you click the speaker icon above, the song ‘Albnd Zwecks‘ by Olaf Wempe will start to play. WebAudio analyzes it as it plays, and returns a bunch of numbers that I can use to animate the scene in real time.

Made by Rocketclowns

Nilssi’s unique mixture of jungle, reggaeton, grime and dancehall, and bold, no nonsense production style created a nice challenge for 0L4F’s mastering skills: to maximize the impact of the sparse, but genius arrangements, where actually everything cuts through the mix.

A hard-hitting voyage through the mind of Nilssi

Nilssi – High Born Voyage EP mastering

I was invited to create a work for a mixed-media art exhibition around the hard-to-translate Dutch concept of ‘verstilling’.

Algorithmic audiovisual brain holiday

HUSH

Supported by an audio tour produced by Rocketclowns Sound Design.

Recorded and mixed in Studio Tweede Kamer

‘This is the House of Representatives’ exhibition in Dutch Parliament building

During a meeting with the Haags Pop Centrum about their new ‘SuBmarine’ alternative popmusic website, they mentioned it would be fun if there was a simple, submarine themed shoot-em-up included in the site. The game should have a bizarre, surreal and submarine atmosphere, and you should be able to, you know, shoot things.

SuBmarine shooter

SuBmarine game

Rocketclowns News

Rocketclowns’ sound design division branches out and gets it’s own websiteand branding

New website for Rocketclowns sound design: olafwempe.com

Embedding HTML5 Canvas into WordPress

Every now and then, when we really like the outcome of one of our experiments with interactive HTML5 animation, we splash it right on the front page of our site.

Splash page archive: Januari 2016

Since the beginning of this year, we’ve been tuning and refining our WordPress development workflow

Fresh website development tech

Contact us

Developed by Rocketclowns

Lead developer
Olaf Wempe