15 oct 2013

Insertar un archivo de audio alojado en Dropbox con reproductor HTML5

Una forma de escuchar archivos de audio en cualquier dispositivo, incluso aquellos que no soportan flash, es incluyendo el reproductor HTML5.

Para ello editamos nuestra entrada en HTML e insertamos el siguiente código:

<audio controls="controls">
<source src="http://ruta.mp3" type="audio/mp3"></source>
<source src="http://ruta.ogg" type="audio/ogg"></source>
</audio>

Donde "ruta" es la ruta de acceso a nuestro archivo de audio alojado en Dropbox.

La ruta se obtiene de la siguiente manera:

1. El archivo debe estar alojado en la carpeta "Public" de Dropbox

2. Clicamos con el botón derecho sobre el archivo. Aparece un menú


3. Seleccionamos la opción "Copiar enlace público"


4. Copiamos la ruta en nuestro código.


5. Repetimos la operación con el archivo .ogg

Y aquí está el resultado del proceso:



El tema "Toy With Me" pertenece al grupo Sickboys and Lowmen (http://www.sickboys.nl/)

Una buena opción para transformar nuestro archivo .mp3 en .ogg, es el conversor on line media.io.


1 comentario: