🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

A lightweight and dead simple jQuery library to create minimal, clean, responsive, touch-friendly audio players from HTML5 audio tag.

audio audio-player

Documentation

AudioPlayer

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

AudioPlayer

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.

How it works

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.

How to use it

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

How to install it

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>

License


You May Also Like