What does a sound look like?
Armed only with the standard web technologies of HTML, CSS and a small amount of javascript, our second student intern of the summer, Jon Lockie, set out on a mission to find out.
With HTML5 it’s possible to interrogate a sound playing within a web browser and return a data feed. The data is based on the amplitude of the sound and is recorded every tenth of a second. The tough part was grabbing hold of the data, but Jon never gave up and eventually got some code working. Once accessed, Jon then used the data to edit CSS properties within the webpage, to define shape, size and colour of elements in real time as the sound played
Here’s the finished application: http://labs.redweb.com/pitchr
And Jon kept a good record of his experiments and progress in this blog
Here’s a few interesting outcomes and you can see how visual elements can be manipulated depending on the sound playing
And here’s a last word from Jon
“All in all, I thoroughly enjoyed my time at Redweb and feel pleased to have been able to work with people who’ve around in the Interactive Media industry for a many years. I’m proud of the project I prodcued, which I’ll be taking further in my final year’s studies and I’m very grateful for all I’ve learnt”
