lunes, 12 de marzo de 2012

Reproducción de una lista de audios MP3 con WP Audio Player

Reproducción de una lista de audios MP3 con WP Audio Player

El objeto es disponer de un reproductor de listas de audio MP3

Las flechas izquierda y derecha nos mueven por la lista de reproducción


Para la reproducción de listas de audio, cargamos en Google Sites [ https://sites.google.com ] los archivos mp3:
  1. paraelisa.  Beethoven.
  2. valsflores.  Thaikovsky
  3. rodoturca.  Mozart
  4. danzahungara.  Brahms
  5. nabuco.  Verdi

Sin olvidar el archivo player.swf que es el reproductor WP-Audio Player.

clic en la imagen para aumentar su tamñaño




https://sites.google.com/site/laredomw20ii/audio/player.swf?attredirects=0&d=1

https://sites.google.com/site/laredomw20ii/audio/paraelisa.mp3?attredirects=0&d=1

https://sites.google.com/site/laredomw20ii/audio/valsflores.mp3?attredirects=0&d=1

https://sites.google.com/site/laredomw20ii/audio/rondoturca.mp3?attredirects=0&d=1

https://sites.google.com/site/laredomw20ii/audio/danzahungara.mp3?attredirects=0&d=1

https://sites.google.com/site/laredomw20ii/audio/nabucco.mp3?attredirects=0&d=1


Recuerda: Para que todo funcione correctamente es IMPORTANTE que en las URLs de reproductor SWF y MP3 se elimine la coletilla ?attdirects=0&d=1 dejando la ruta absoluta limpia a cada uno de estos archivos.


https://sites.google.com/site/laredomw20ii/audio/player.swf

https://sites.google.com/site/laredomw20ii/audio/paraelisa.mp3

https://sites.google.com/site/laredomw20ii/audio/valsflores.mp3

https://sites.google.com/site/laredomw20ii/audio/rondoturca.mp3

https://sites.google.com/site/laredomw20ii/audio/danzahungara.mp3

https://sites.google.com/site/laredomw20ii/audio/nabucco.mp3


Para generar el código embed utilizamos la aplicación Wordpress Audio Player: Generador del código html para insertar el reproductor en una página web/blog...

Para incluir varios audios MP3 basta con introducir en la casilla URL del archivo(s) MP3, las URLs absolutas a los archivos de audio MP3 alojados en tu espacio de Google Sites y separadas por comas. Luego es preciso pulsar en el enlace recargar reproductor para que el código se regenere contemplado los cambios introducidos.


Clic en la imagen para ver a mayor tamaño















En la página de Generador de código de WP Audio Player y en el cuadro del Código embed haz clic derecho para elegir seleccionar y copiar todo el código embed que has de pegar después en el blog utilizando la edición HTML.



<embed src=" https://sites.google.com/site/laredomw20ii/audio/player.swf" width="290" height="24" flashvars="soundFile=https://sites.google.com/site/laredomw20ii/audio/paraelisa.mp3,https://sites.google.com/site/laredomw20ii/audio/valsflores.mp3,https://sites.google.com/site/laredomw20ii/audio/rondoturca.mp3,https://sites.google.com/site/laredomw20ii/audio/danzahungara.mp3,https://sites.google.com/site/laredomw20ii/audio/nabucco.mp3"></embed>


Está comprobado que no podemos añadir más elementos al artículo después de insertar el código embed, pues se produce un error en el mismo.

Para terminar no olvides pulsar en el botón Publicar.





Jose Ángel Laredo



No hay comentarios:

Publicar un comentario

Puedes dejar aquí tus comentarios