Mobile-compatible Html5 Audio Player with jQuery - Light AudioPlayer

Mobile-compatible Html5 Audio Player with jQuery - Light AudioPlayer
File Size: 765 KB
Views Total: 7917
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   

Light AudioPlayer is a simple jQuery plugin that allows you to embed a simple, mobile-friendly, custom audio player in the web page.

How to use it:

1. Load the audioplayer.css for basic styles of your audio player.

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

2. Embed a media file into your web page using Html5 audio tag.

<audio src="sample.mp3" preload="auto" controls></audio>

3. Load jQuery library and the jQuery Light AudioPlayer plugin in the footer.

<script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="js/audioplayer.js"></script>

4. Initialize the audio player.

$( 'audio' ).audioPlayer();

Change log:

2015-05-13

  • flat design.

This awesome jQuery plugin is developed by mikeyzm. For more Advanced Usages, please check the demo page or visit the official website.