Coding
August 19, 2012 posted by Maan

Speakker : Crossbrowser Audio Solution Featuring HTML5

Speakker : Crossbrowser Audio Solution Featuring HTML5

Speakker is a Crossbrowser Audio solution featuring HTML5. It 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.

 

It is featuring the technology of Projekktor it comes with cross-browser compability, Flash-fall back plus optional social media links and artists information links. It is free for download and released under GPL License.

Ultra Compact Document:

<audio>
	<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>

Doc     Download Zip     Download Uncompressed

Maan

Hello!My name is Maan and I`m co-founder of downgraf And Just4Inspiration. who have many type of Graphic Content & Inspiration. You can Follow me on Twitter , Facebook & Google +

Related Posts

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>