Kurosaki HTML5 Audio Player with Retina Display Support

Kurosaki HTML5 Audio Player is written in Pure JavaScript. No JavaScript library needed. It uses HTML5 tag, and adds its own controls to every tag its used on. If HTML5 tag has controls attribute specified, Kurosaki HTML5 Audio Player removes this attribute, and adds its own controls.

To start using Kurosaki HTML5 Audio Player drop kurosakiHTML5AudioPlayer folder in your project. Reference CSS file in the head of your document:

<link rel="stylesheet" href="kurosakiHTML5AudioPlayer/kurosakiHTML5AudioPlayer.css">

Reference JavaScript file in the head of your document:

<script src="kurosakiHTML5AudioPlayer/kurosakiHTML5AudioPlayer.js"></script>

Initiate Kurosaki HTML5 Audio Player:

<script>
kurosakiHTML5AudioPlayer();
</script>

Thats it! Now all tags on your page transformed into Kurosaki HTML5 Audio Player! Though, when you initiate Kurosaki HTML5 Audio Player without any options, it uses default options. Default options are:

<script>
kurosakiHTML5AudioPlayer({
    selector: 'audio',
    width: '100%',
    maxWidth: '100%',
    minWidth: '0',
    theme: 'light',
    seekBar: true,
    volumeControl: true
});
</script>

To see available options view demo.

License

All code is distributed under BSD 3-Clause license. See ./licensing/LICENSE-BSD-3-CLAUSE for full text of license.

All images are derivatives from this freebie and governed by theirs license.

Song used in demo is performance of Mozart's Violin Piano Sonata in E minor, K.304 - 2nd movement (tempo di menuetto) by violinist Carrie Rehkopf and is governed by CC BY-SA license.

Copyright (c) 2013 Denys Petiukov. All Rights Reserved.