Post-Image

Scrollsound – Change volume of audio based on scrolling position

Posted on

I’m currently working on a jQuery plugin as a side project.  The idea behind it is to create articles with background sound, which changes based on the position on the page.

I had the idea from the website http://www.travelepisodes.com/reise/antarktis-kreuzfahrt-antarctica-cruise/ where the background sound doesn’t fade out, but just abruptly stops. It would be much nicer if the sound would fade out as I scroll lower into the article and again fades in when scrolling up.

The technical part for the plugin is already working and I’ve drafted a basic demo here: (This has autoplaying sound!) http://nahakiole.github.io/scrollsound/

The plugin is available as a development version on Github: https://github.com/nahakiole/scrollsound

Leave a Reply