This time I will share jQuery Plugin and tutorial about Minimal Music Player With Audio Visualizer – jQuery jsRapAudio, hope it will help you in programming stack.
The jsRapAudio jQuery plugin lets you dynamically render a minimal clean, music player from any HTML5 audio files, for example Ogg, Mp3, Wav.
Integrated a classic audio visualizer that auto resizes to frequency scale of your audio.
How to use it:
1. Insert jQuery library together with the jQuery jsRapAudio plugin’s files into the html file.
1 |
<link rel="stylesheet" href="jsRapAudio.css"> |
2 |
<script src="jquery.min.js"></script> |
3 |
<script src="jsRapAudio.js"></script> |
2. Create a container in which you want to insert the audio player.
1 |
<div id="example" ></div> |
3. Call the function on the container element and specify the path to the audio file.
1 |
$('#example').jsRapAudio({ |
4. Possible options to customize the music player & audio visualizer.
01 |
$('#example').jsRapAudio({ |
5. Callback functions available.
1 |
$('#example').jsRapAudio({ |
Changelog:
2021-01-10
2020-12-22
2018-10-02
2018-09-11
