Latest web development tutorials

HTML5 Audio (Audio)

HTML5 ofrece un juego de archivos de audio estándar.


De audio en Internet

Hasta ahora, todavía no existe un programa para reproducir audio estándar en la web.

Hoy en día, la mayor parte de audio a través de los plug-ins (como Flash) para la reproducción. Sin embargo, no todos los navegadores tienen los mismos plugins.

HTML5 ofrece elementos estándar de audio insertados en la página, utilizando el elemento <audio>.


Soporte para el navegador

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Internet Explorer 9 o superior, Firefox, Opera, Chrome y Safari soportan el elemento <audio>.

Nota: Internet Explorer 8 y versiones anteriores de IE no son compatibles con el elemento <audio>.


HTML5 Audio - ¿Cómo funciona?

Para reproducir el audio en HTML5, es necesario utilizar el siguiente código:

Ejemplos

<audio controls>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
您的浏览器不支持 audio 元素。
</audio>

Trate »

propiedad para jugar un mayor control, pausa y control de volumen.

En el <audio> y </ audio> entre el usuario tiene que insertar su navegador no soporta el texto de la petición <audio> elemento.

<Audio> permite el uso de múltiples <fuente> elemento. <Source> puede enlazar a archivos de audio diferente, el navegador utilizará los archivos de audio soportados primera


formatos de audio y soporte de los navegadores

Actualmente, el elemento <audio> soporta tres formatos de audio: MP3, WAV y OGG:

浏览器 MP3 Wav Ogg
Internet Explorer 9+ YES NO NO
Chrome 6+ YES YES YES
Firefox 3.6+ YES YES YES
Safari 5+ YES YES NO
Opera 10+ YES YES YES


tipo MIME del formato de audio

Format MIME-type
MP3 audio/mpeg
Ogg audio/ogg
Wav audio/wav


etiqueta HTML5 Audio

etiqueta descripción
<Audio> Se define el contenido de audio
<Origen> Proporciona recursos multimedia, puede ser más de uno, utilice el <video> y la etiqueta <audio>