Minimal Music Player With Audio Visualizer - jQuery jsRapAudio

El complemento jsuer de jsRapAudio te permite generar dinámicamente un reproductor de música de limpieza mínima desde cualquier archivo de audio HTML5, por ejemplo, Ogg, Mp3, Wav.

Integró un visualizador de audio clásico que cambia automáticamente el tamaño a la escala de frecuencia de su audio.

Cómo usarlo:

1. Inserte la biblioteca jQuery junto con los archivos del complemento jQuery jsRapAudio en el archivo html.

1	<link rel="stylesheet" href="jsRapAudio.css">

2	<script src="https://code.jquery.com/jquery-3.3.1.min.js"

3	integrity="sha384-tsQFqpEReu7ZLhBV2VZlAu7zcOV+rXbYlF2cqB8txI/8aZajjp4Bqd+V6D5IgvKT"

4	crossorigin="anonymous">

5

</script>

6	<script src="jsRapAudio.js"></script>

2. Cree un contenedor en el que desee insertar el reproductor de audio.

1	<div id="example" ></div>

3. Llame a la función en el elemento contenedor y especifique la ruta al archivo de audio.

1	$('#example').jsRapAudio({

2	src:'example.mp3'

3

});

4. Posibles opciones para personalizar el reproductor de música y el visualizador de audio.

01	$('#example').jsRapAudio({

02	src:'example.mp3',

03	autoplay:false,

04	controls:true,

05	loop:false,

06	capHeight:4,

07	capSpeed:0.6,

08	meterCount:40,

09	meterGap:2,

10	frequency:0.7,

11	capColor:'#fff'

12

});

5. Funciones de devolución de llamada disponibles.

ver fuente

1	$('#example').jsRapAudio({

2	onEnded:null,

3	onLoadedmetadata:null,

4	onVolumechange:null

5

});