lpgoncalves/bootstrap-player

A Non-Intrusive HTML5 Audio Player Skin For Twitter Bootstrap

Bootstrap 2 Player

A Non-Intrusive HTML5 Audio Player Skin For Twitter Bootstrap

Requires:

• Twitter Bootstrap 2 - http://twitter.github.com/bootstrap/
• jQuery - http://jquery.com/

Firefox Support Requires

• html5slider - https://github.com/fryn/html5slider/

Additional Features When Using

• Font Awesome - http://fortawesome.github.com/Font-Awesome/

###FULL EXAMPLE###

<audio controls
 data-info-album-art="http://farm5.staticflickr.com/4050/4353986539_ec89b52698_d.jpg"
 data-info-album-title="8874"
 data-info-artist="Billy Murray"
 data-info-title="Come, take a trip in my air-ship"
 data-info-label="Edison Gold Moulded Record"
 data-info-year="1905"
 data-info-att="University of California, Santa Barbara Library."
 data-info-att-link="http://cylinders.library.ucsb.edu/search.php?query=8874">
 <source src="/bootstrap-player/media/cusb-cyl2985d.ogg" type="audio/ogg" />
 <source src="/bootstrap-player/media/cusb-cyl2985d.mp3" type="audio/mpeg" />
 <a href="/bootstrap-player/media/cusb-cyl2985d.mp3">cusb_cyl2985d</a>
</audio>

###SMALL EXAMPLE###

<audio controls>
	<source src="http://www.w3schools.com/html/horse.ogg" type="audio/ogg" />
	<source src="http://www.w3schools.com/html/horse.mp3" type="audio/mpeg" />
	<a href="http://www.w3schools.com/html/horse.mp3">horse</a>
</audio>

For a Bootstrap 3 compatable version of this, with fewer dependancies check out this fork by Ian Houston: bootstrap3_player