Version as of

 

Crossbrowser Audio solution featuring HTML5

Comes 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. Easy to set up. Just a few lines of Javascript and a quantum CSS.

Featuring the technology of Projekktor it comes with cross-browser compability, Flash-fall back plus optional
social- and artists information links.

 

Live Demo

Music: "Beyond Good and Evil" by paniq under Creative Commons

 

 

COMING VERY SOON: Speakker Nano

You like it lean, clean and simple?
Choose Speakker Nano fitting perfectly in any area of your homepage.

Mini-Speakker Design
 

Ultra Compact Docu ™

To rebuild the demo above on your own site follow our tiny little Quick Install Guide first. Below please find the necessary markup and Javascript to configure and fire up your player instance:

<audio class="speakker dark">
	<source src='./sound/' type="application/jsonp"/>
</audio>

<script type="text/javascript">
$(document).ready(function() {
	$projekktor('.speakker dark', {
		plugin_share: {
			links: {
			'download':{
			    buttonText: 'download',  
			    code: 	'./sound/?dl=true'	    
			},
			'lastfm':{
			    buttonText: 'lastfm',    
			    code: 'http://www.lastfm.de/music/paniq'	    
			},
			'wikipedia':{
			    buttonText: 'wikipedia',	    
			    code: 'http://de.wikipedia.org/wiki/Elektronische_Musik'	    
			},
			'admin':{
			    buttonText:	'admin',
			    code: false
			}   				
		}
	});
});
</script>
 

Speakker and Speakker Nano are last.fm-resque audio players built upon the Projekktor framework.

© 2011-2012 Porkhead.org (design) & Spinning Airwhale Media (code).