No music, no life. And as far as web design is concerned, this awesome CSS3 music player would be perfect for adding a new dimension to your blog or website. Indonesian artist Hidayat Sagita made this tutorial in which the goal is to use CSS3 instead of images, so CSS3 properties replace the following Photoshop […]
Remember that awesome music player psd created by Orman Clark?, The guys from codebase is create html5 music player plugin for jQuery by using this psd file. This jQuery plugin allow you to build your own playlist. The playlist uses the same format with jPlayer (an array of objects. However, this plugin requires you to […]
Speakker is a fully featured audio player based on projekktor featuring native audio with Flash fallback. Speakkercomes out of the box in two variations and with incredible options of customization: Flexible dimensions, unlimited colors and two different button sets for light and dark themes.
Zen is a single-song HTML5 Audio Player, powered by jPlayer, styled and mostly animated with CSS3. Zen has very simple user interface. You can see In the stopped/paused state, it similiar like a little of a dark Zen stone lying on bright sand, that’s why this the creator call this audio player as Zen.
Haiku is a clean and simple HTML5 audio player for WordPress, based on jQuery and jPlayer. It use text links instead of a bulky graphical player. Haiku inserts a text link to control playback. Hailku automatically Reverts to an invisible Flash player for browsers that don’t yet support HTML5.
Accessible Audio Player (AAP) is fully accessible cross-browser media player. AAP uses the HTML5 <audio> element for browsers that support it, and the Yahoo! Media Player for those that don’t. Browsers that support neither degrade to a list of links to MP3 files.
Neutroncreations recently built an HTML5 audio player for Tim Van Damme‘s The Box, a new podcast where he interviews people who make cool stuff. Tim wanted an HTML5 audio player on the site, and they put together some jQuery to hook up the player interface he designed. Neutroncreations is sharing tutorial How to Building a […]