Minimalista Audio Player Plugin para jQuery - jAudio

jAudio es un pequeño complemento de jQuery que convierte los enlaces de audio en un reproductor de audio HTML5 mínimo con controles de reproducción y pausa.

Cómo usarlo:

1. Añadir enlaces de audio a la página web.

1	<a href="sound1.mp3">Sample Music One</a>

2

3	<a href="sound2.mp3">Sample Music Two</a>

4

5	<a href="sound3.mp3">Sample Music Three</a>

2. Agregue jQuery JavaScript library y el script de jAudio a la página.

1	<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"

2	integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN"

3	crossorigin="anonymous">

4

</script>

5	<script src="jquery.jAudio.js"></script>

3. Los estilos CSS necesarios para el reproductor de audio.

01	a[class^='jAudioBtn'] {

02	display: inline-block;

03	width:26px;

04	height:26px;

05	text-decoration:none;

06	background:url('controls.png');

07

}

08

09	a.jAudioBtnPlay {background-position:top; }

10

11	a.jAudioBtnPause {background-position:bottom; }

4. Llama a la función en los enlaces de audio y listo.

1	$(function(){

2

3	$('a').jAudio();

4

5

});