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




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"/>

<script type="text/javascript">
$(document).ready(function() {
	$projekktor('.speakker dark', {
		plugin_share: {
			links: {
			    buttonText: 'download',  
			    code: 	'./sound/?dl=true'	    
			    buttonText: 'lastfm',    
			    code: ''	    
			    buttonText: 'wikipedia',	    
			    code: ''	    
			    buttonText:	'admin',
			    code: false

Speakker and Speakker Nano are audio players built upon the Projekktor framework.

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