LISTA DE REPRODUCCIÓN DE AUDIO.
Reproductor 3. audio.js


Este reproductor admite listas de reproducción.
Aparte del ejemplo que tienes en esta misma página, (ejemplo 0), puedes ver el que se muestra en la página web oficial, (ejemplo 1), en este post, (ejemplo 2), o en este otro ejemplo, (ejemplo 3).
Para empezar, puedes ver los problemas que plantea el ejemplo oficial, (ejemplo 1).
Los últimos archivos de audio se esconden por debajo del tablón de los shortcuts o atajos de teclado, para pasar de una canción a otra.
Este problema se puede resolver de dos formas.
- Colocar una imagen por debajo del último ítem de los archivos de audio, (ejemplos 2 y 3).
- O eliminar el tablón de los atajos de teclado, (ejemplo 0).
Como ya comentamos en el caso de un único archivo sonoro, este reproductor sólo admite archivos de audio mp3. Para instalarlo en tu blog o web, puedes descargarte desde aquí este archivo comprimido.
Lo descomprimes, subes a tu servidor la carpeta audiojs sin realizar ninguna mofificación.
Y editas la página index.html para escribir las rutas de los archivos:
- audio.min.js
- jquery.js
Y las rutas de los mp3 con sus respectivas informaciones.
La imagen que se propone para evitar el efecto comentado puedes modificarla por la que consideres encaje con el tema.
Si lo que prefieres es eliminar el tablón de los shortcuts, tienes que eliminar el siguiente fragmento de código:

<div id="shortcuts">
<div>
<h1>Keyboard shortcuts:</h1>
<p><em>→</em> Next track</p>
<p><em>←</em> Previous track</p>
<p><em>Space</em> Play/pause</p>
</div>
</div>

Y, claro, eliminar también el código de llamada a la imagen:

<img src="imagen.png" alt="Descripción de la imagen" height="375" width="500">


Más información:
Página web oficial
el balcón abierto


W3C_validator