Custom Controls For HTML5 Audios - jQuery Pouik Player

Custom Controls For HTML5 Audios - jQuery Pouik Player
File Size: 3.25 MB
Views Total: 2015
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   

The jQuery Pouik Player lets you create custom HTML5 audio controls to play, loop, switch, mute, stop your digital audios.

How to use it:

1. Load the JavaScript file jquery-pouikplayer.js after you've loaded the latest jQuery JavaScript library.

<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" 
        integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" 
        crossorigin="anonymous">
</script>
<script src="jquery-pouikplayer.js"></script>

2. The basic usage:

// $.playSound('http://example.org/sound')
$.playSound('http://example.org/sound.wav')
$.playSound('/attachments/sounds/1234.wav')
$.playSound('/attachments/sounds/1234.mp3')

3. Play the sound in loop.

$.playSound('1234.mp3', { 
  loop: true 
});

4. Mute the sound.

$.muteSound();

5. Stop/re-play the sound.

$.toggleSound(type, name);

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