Está en la página 1de 1

Video y audio

<!DOCTYPE html>
<html lang="es">
<head>
<title>Reproductor de Audio</title>
</head>
<body>
<section id="reproductor">
<audio id="medio" controls>
<source src="http://minkbooks.com/content/beach.mp3">
<source src="http://minkbooks.com/content/beach.ogg">
</audio>
</section>
</body>
</html>

Listado 5-12: dos fuentes para el mismo audio

El código en el Listado 5-12 reproducirá música en todos los navegadores utilizando los
controles por defecto. Aquellos que no puedan reproducir MP3 reproducirán OGG y
viceversa. Recuerde que MP3, al igual que MP4 para video, tienen uso restringido por
licencias comerciales, por lo que solo podemos usarlos en circunstancias especiales, de
acuerdo con lo determinado por cada licencia.
El soporte para los codificadores de audio libres y gratuitos (como Vorbis) se está
expandiendo, pero llevará tiempo transformar este formato desconocido en un estándar.

5.5 Programando un reproductor de audio


La API para medios fue desarrollada tanto para video como para audio. Cada evento,
método y propiedad incorporada para video funcionará también con audio. Debido a esto,
solo necesitamos reemplazar el elemento <video> por el elemento <audio> en nuestra
plantilla e instantáneamente obtenemos un reproductor de audio:

<!DOCTYPE html>
<html lang="es">
<head>
<title>Reproductor de Audio</title>
<link rel="stylesheet" href="reproductor.css">
<script src="reproductor.js"></script>
</head>
<body>
<section id="reproductor">
<audio id="medio">
<source src="http://minkbooks.com/content/beach.mp3">
<source src="http://minkbooks.com/content/beach.ogg">
</audio>

119

También podría gustarte