
Finally found a use for the NY Times
4 years ago
Ever wondered what a web site sounds like? Not the words, but the actual data on the site itself? Here's a Lily application that let's you "play" the data in a web page like an instrument.
When the patch starts, the browser enters a DOM inspection mode and mousing over a DOM element highlights the node. Clicking on a node writes the element's data (its innerHTML value if it's a text element or the binary data if it's an image) as a sound file and the file is then loaded in a quicktime player in the patch. The sounds can then be triggered using OSC messages. While a DOM element is "playing", the browser scrolls to and highlights the element with a thick black border.
In the video, I'm spazzing out on the NY Times homepage using the monome controller, but the demo should work with any OSC enabled controller. Sound conversion code based in part on a javascript port of the baudio project.
More information available at lilyapp.org
When the patch starts, the browser enters a DOM inspection mode and mousing over a DOM element highlights the node. Clicking on a node writes the element's data (its innerHTML value if it's a text element or the binary data if it's an image) as a sound file and the file is then loaded in a quicktime player in the patch. The sounds can then be triggered using OSC messages. While a DOM element is "playing", the browser scrolls to and highlights the element with a thick black border.
In the video, I'm spazzing out on the NY Times homepage using the monome controller, but the demo should work with any OSC enabled controller. Sound conversion code based in part on a javascript port of the baudio project.
More information available at lilyapp.org
-
% 4 years agoexcellently ridiculous -
Kyle McDonald
3 years ago Really beautifully noisy use of directly transcoded html->audio. -
_____ce 2 years agowell this is exciting.
This conversation is missing your voice. Take five seconds to join Vimeo or log in.
FLV
00:01:01
5 Related collections
| Date | Plays | Likes | Comments |
|---|---|---|---|
| Totals | 20K | 28 | 3 |
| Feb 15th | 1 | 0 | 0 |
| Feb 14th | 2 | 0 | 0 |
| Feb 13th | 4 | 0 | 0 |
| Feb 12th | 2 | 0 | 0 |
| Feb 11th | 7 | 0 | 0 |
| Feb 10th | 5 | 0 | 0 |
| Feb 9th | 1 | 0 | 0 |
Check out these lessons to learn more about how you can make videos like this one!
-
Vimeo: About / Blog / Developers / Jobs /
Community Guidelines /
Help Center / Video School / Music Store / Site Map
/ Vimeo
or
-
Legal: TM + ©2012 Vimeo, LLC. All rights reserved. / Terms of Service / Privacy Statement / Copyright

Prev week