Stratus – a horizontal player for your website or blog
“A stratus cloud is a cloud belonging to a class characterized by horizontal layering with a uniform base…” – Wikipedia
(Finally.. an opportunity to use a “cloud” reference in one of my open source apps.)
Simple and effective. So what makes Stratus so special? Three things:
Stratus has a slew of built in customization options that range from whether it auto plays to if it appears at the top or bottom of the page. Refer to the chart on stratus.heroku.com to see all configuration options.
Also, since Stratus is constructed in HTML and CSS you can completely customize the look of it. I’d suggest looking at the outputted source code for starts. And for those of you who are really adventurous, you’ll find the source SCSS here. Just include your adjustments after the included stratus.css stylesheet.
In addition to SoundCloud track and set urls, Stratus can also play links to user accounts and favorites. Simply include the appropriate links in your installation: soundcloud.com/leemartin, soundcloud.com/matas/favorites.
Finally, the player is smart enough to know your browser/os environment and choose the best playback for each. Which means it works well on iPhones and iPads. Yay for universal accessibility!
Stratus is already being used by some great websites and blogs like seamsmusic.com. If you have one to add to the list, a suggestion, or a bug, please send me an email or contact me on Twitter @leemartin.
I really hope you guys enjoy this one. Happy Holidays!
P.S. Special thanks goes out to Matas Petrikas for his work on our custom player library and Bear Bibeault & Yehuda Katz for jQuery in Action, Second Edition. Both of which were crucial in the creation of this player.