Solución al formato de audio soportado por audio en html5

La etiqueta de audio HTML5 puede admitir wav, mp3, ogg, acc, webm y otros formatos, pero existe un formato de archivo de música muy importante midi (extensión mid) que no tiene soporte integrado en los principales navegadores. No todos los navegadores admiten MP3 OGG y similares. Cada navegador admite diferentes formatos debido a problemas de derechos de autor.

No todos los fabricantes de navegadores están de acuerdo en el uso de un determinado formato de archivo de audio. Para las imágenes, los archivos en formato PNG, JPEG o GIF se cargarán en su página en cualquier navegador. Lamentablemente, este no es el caso de los archivos de audio. La Tabla 1 muestra los formatos de archivos de audio que se pueden usar en páginas web, pero no todos los formatos están disponibles en todos los navegadores. Por ejemplo, los navegadores Chrome, Internet Explorer 9 (IE9) y Safari no admiten archivos WAV, un estándar en declive que utiliza un formato sin comprimir.

No tener un formato de archivo común que utilicen todos los navegadores significa que al menos 2/5 de los navegadores no podrán reproducir ciertos sonidos. No se trata de una cuestión de que los fabricantes de navegadores sean intransigentes e incapaces de ponerse de acuerdo sobre un único estándar de audio, sino más bien de una cuestión legal y financiera que involucra derechos de patente y regalías. El formato OGG, que no está restringido por patentes de software, pretende solucionar este problema de una vez por todas. Sin embargo, al momento de escribir este artículo, ni Opera ni Safari son compatibles con OGG. Hay más archivos WAV y MP3 disponibles que archivos en formato OGG, por lo que sin duda los fabricantes de navegadores lo han tenido en cuenta. MP3 como estándar de facto es una gran solución.

Dado el estado actual de las cosas, se podría pensar que aún no es el mejor momento para usar audio en páginas HTML5. En cierto modo esto puede ser cierto, pero HTML5 proporciona una solución que permite a su navegador favorito encontrar un formato compatible.

Cuando se usa junto con la etiqueta <audio>, la etiqueta <source> se puede anidar dentro de un contenedor <audio>. Digamos que eres fanático de Wagner y quieres escuchar su ópera La Cabalgata de las Valquirias en una página HTML5. Primero, necesita obtener música en tres tipos de archivos, a saber, OGG, MP3 y WAV. Coloque estos archivos de música en la misma carpeta que los archivos HTML5. Luego, coloque cada nombre de archivo en una etiqueta <source> separada y todas las etiquetas de origen en el contenedor de audio estarán compuestas por <audio></audio>, como se muestra a continuación.

 <controles de audio> <fuente src=http://demo.mimvp.com/html5/take_you_fly.ogg /> <fuente src=http://demo.mimvp.com/html5/take_you_fly.mp3″ /> <fuente src =http://demo.mimvp.com/html5/take_you_fly.wav //></audio>

No importa qué navegador esté usando su visitante, seleccionará automáticamente el primer tipo de archivo que lea y reproducirá el sonido por usted.

Lo anterior es la solución para el formato de audio compatible con HTML5 introducida por el editor. Espero que le resulte útil. Si tiene alguna pregunta, déjeme un mensaje y el editor le responderá a tiempo. ¡También me gustaría agradecer a todos por su apoyo al sitio web de artes marciales VeVb!