REPRODUCTORES DE AUDIO.
Reproductor 5. MediaElement


 Los sueños. Pablo Guerrero

Es un excelente reproductor multimedia de audio y vídeo.
Como los anteriores, basado en HTML 5 y Javascript y compatible, por tanto, con casi todos los navegadores y sistemas operativos.
Desde su web oficial, puedes descargarte el archivo comprimido con todos los componentes para hacer funcionar ambos reproductores, el de audio y el de vídeo. En concreto para el de audio, puedes descargarte el paquete mínimo desde el enlace que pongo un poco más abajo en este mismo documento.
Al descomprimirlo, obtendrás:

Para que todo funcione debes colocar la carpeta build con todo su contenido, sin modificar ningún nombre, y editar la página web escribiendo la ruta correcta del archivo sonoro mp3. Si la carpeta build la colocas en la misma posición relativa respecto de la página index.html no tendrás que hacer ninguna otra modificación. En caso contrario, deberás modificar las rutas de los archivos: Que son los tres únicos archivos que son llamados desde la página web.
Tienes que tener dejar también el siguiente código sin modificar:

<script>
$('audio,video').mediaelementplayer();
</script>

Luego, en el punto en el que quieras que se coloque el reproductor, colocas un iframe con la llamada a la página index.html que has editado y subido a tu servidor.

<iframe src="http://_la_ruta_de_tu_index.html" width="500" height="48" frameborder="0"><iframe>

Descargas:


Más información:
Página web oficial
canalTIC


W3C_validator