Design Inspiration Blog
Design Inspiration Blog -
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.
Image may be NSFW.
Clik here to view.
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>
[zilla_button url=”http://www.projekktor.com/docs/speakker” style=”grey” size=”small” type=”square” target=”_blank”] Doc [/zilla_button] [zilla_button url=”http://www.projekktorxl.com/api/player/download/format/zip/id/speakker-big” style=”green” size=”small” type=”square” target=”_blank”] Download Zip [/zilla_button] [zilla_button url=”http://www.projekktorxl.com/api/js/core/id/speakker-big/unminified/true/download/true” style=”grey” size=”small” type=”square” target=”_blank”] Download Uncompressed [/zilla_button]
