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