Insertar Reproductor de Audio en Blogger


Si queremos añadir un reproductor de audio en mp3 en Blogger, en este caso, "El Gran Vals de Francisco Tarrega", solo tenemos que añadir el siguiente código en html al crear la entrada:
<audio controls> 
<source src="url-de-archivo-de-audio" />
If you cannot see the audio controls, your browser does not support the audio element
</audio>
La url del archivo la podemos obtener de un archivo mp3 en Dropbox, lo incluimos en la carpeta publica, compartimos el archivo:


Obtenemos esta opción para descagar, cerramos este cuadro de dialogo:


Y copiamos la url que obtenemos en el siguiente paso:

 

https://www.dropbox.com/s/s8770q5dqhj9luh/Francisco%20Tarrega%20-%20Gran%20Vals.mp3 

Para que el reproductor funcione con la url de Dropbox obtenida tenemos que hacer un pequeño cambio: 

Las tres "www" las sustituimos por "dl" el archivo mp3 queda entonces:

https://dl.dropbox.com/s/s8770q5dqhj9luh/Francisco%20Tarrega%20-%20Gran%20Vals.mp3

Lo insertamos en el reproductor en:

src="https://dl.dropbox.com/s/s8770q5dqhj9luh/Francisco%20Tarrega%20-%20Gran%20Vals.mp3"

Y el reproductor queda, en este caso con el "Gran Vals de Francisco Tarrega", asi:

Ya podeis reproducir el archivo mp3:

No hay comentarios :

:

Carlos Soler Carlos Soler Experiencia en el sector de la tecnología y TIC. En Blogtecnia desde 2006. Ex-Asistente blogger al MWC de Barcelona. Exeditor en GeeksRoom. Me podéis seguir en Twitter, Google+ y Facebook. Encontrareis mi poemario en la iniciativa de: Save the Children.

Subir a Inicio Subir