davidosomething.com

Projects

Project

Sonodea

An HTML5 Audio and jQuery heavy WordPress site done in collaboration with Dogma Boston.

Sonodea homepage The background fades into other fullscreen photos Sonodea homepage
Album tracklisting Clicking on a track plays it in the site's HTML5 audio player. The left and right arrows AJAX load another album. Album tracklisting

Background

This was an intense site. It uses the HTML5 audio API extensively to work with album listings and samples, handling the playlists scattered throughout the site. Mediaelement.js was used as a polyfill for older browsers.

Aside from the audio, there’s a lot of jQuery animation happening. The homepage and a few others have a full-screen background fading slideshow.

Custom post types were made to manage the album listings in WordPress. The site can load pages via AJAX for a seamless, flash-like experience.