Skiing is wrapping up for the season, but there are times where I’d like to transport myself back there. One of our favorite places to visit at Bristol Mountain is their waffle hut: the Morningstar Cafe. In the style of @noisli and other similar background noise generators, I used my iPhone to capture video and audio and stitched together a similar page.
Check out the final result at morningstar.scottpdawson.com
Tools for HTML5 Audio and Background Images
I used Scott Robbin’s backstretch plug-in for jQuery and HTML5’s audio tag. I didn’t do anything here to support older browsers, but the browser coverage for HTML5 audio is pretty good, to the extent I felt it was good enough for this demo.
HTML5 Audio on iPhone
Demo of HTML5 Audio and Backstretch
Please ensure your speakers are at an appropriate level before hitting the Result tab. Audio will auto-play on desktop browsers.