A jQuery audio player plugin that is responsive and touch-friendly. The UI is css-only, no images used.
This repo is a redesign of Osvaldas Valutis' work
I redesigned the UI to fit morden flat design, you can modify the css(such as color,height,width...) to fit your own website style.
The plugin replaces targeted <audio> elements with some HTML and JavaScript events attached to it.
You can use it to your website or blog, Makrdown supported.
Nothing special, just the typical usage of the <audio> tag.
<audio src="your-audio.mp3" preload="auto" controls></audio>
<audio src="audio.wav" preload="auto" controls autoplay loop></audio> autoplay&loop
Place the
<link rel="stylesheet" href="css/audioplayer.css" />
<script src="jquery.js"></script>
<script src="audioplayer.js"></script>
into your header or footer.
Place
<script>$( function() { $( 'audio' ).audioPlayer(); } );</script>
into your footer.
call <audio> tag when you need attach a audio to your web page.
<audio src="audio.wav" preload="auto" controls></audio>