More
See all Show me
13. Hello World
2 years ago
12. Page Bot
2 years ago
11. SVG to OSC
2 years ago
10. Finally found a use for the NY Times
2 years ago
6. Lily Tutorial 3
2 years ago
5. Lily Tutorial 2
2 years ago
4. Lily Tutorial 1
2 years ago
2. Drawing the DOM
2 years ago
1. Math
2 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

Credits

24 Likes

  • % 2 years ago
    excellently ridiculous
  •  
  • Kyle McDonald 1 year ago
    Really beautifully noisy use of directly transcoded html->audio.
  •  
  • _____ce 7 months ago
    well this is exciting.
  •  
This conversation is missing your voice. Take five seconds to join Vimeo or log in.

Advertisement

3 Related collections

Groups Groups
Channels Channels

Statistics

  •  
    plays
    likes
    comments
  • Total
    plays 15.1K
    likes 24
    comments 3
  • Nov 12th
    plays 9
    likes 0
    comments 0
  • Nov 11th
    plays 5
    likes 0
    comments 0
  • Nov 10th
    plays 8
    likes 0
    comments 0
  • Nov 9th
    plays 12
    likes 0
    comments 0
  • Nov 8th
    plays 3
    likes 0
    comments 0
  • Nov 7th
    plays 5
    likes 0
    comments 0
  • Nov 6th
    plays 9
    likes 0
    comments 0
  • Nov 5th
    plays 7
    likes 0
    comments 0
Previous Week

Downloads

Please join Vimeo or log in to download the original file. It only takes a few seconds.