Reproducir música con el navegador web

0



Reproducir música con el navegador web


Para probar la capacidad de reproducir música del navegador que usamos, solo basta con arrastrar un archivo MP3 encima de una ventana del navegador y soltarlo.
Veremos que se comienza a reproducir inmediatamente, mostrando en la ventana los controles elementales de un reproductor minimalista y sencillo.

Los reproductores de cada navegador difieren levemente.




INSERTAR UN REPRODUCTOR DE MÚSICA EN UNA PÁGINA WEB


Para insertar un sencillo reproductor de música en una página web, solo necesitamos insertar un elemento AUDIO, con algunos atributos o propiedades.
En la página se mostrara un cuadro de reproducción semejante al siguiente, aunque con algunas diferencias, dependiendo del navegador web empleado.
Al presionar el botón de Play, comenzará la reproducción de la canción indicada.
El código elemental que empleamos en el caso anterior es el siguiente:


<audio src="../music/woman.mp3" controls="controls" type="audio/mpeg" preload="preload"> </audio>


LA FUNCIPON DE CADA ELEMENTO ES:

- SRC: Ruta relativa al archivo de audio o dirección URL.
- CONTROLS: Muestra los controles predeterminados del reproductor (Boton Play-Pause, Seek y Volumen).
- PRELOAD: Carga en memoria una parte del archivo antes de comenzar la reproducción, para impedir que el player se atasque.
- AUTOPLAY (Opcional): Permite que el audio se comience a reproducir automáticamente al cargar la página y no del modo manual. En este ejemplo no lo hemos incluido, porque sería molesto.

AQUI LES DEJO EL EJEMPLO

Entradas que pueden interesarte

Sin comentarios