audio HTML

elemento HTML

^[1] El audio HTML es un tema de la especificación HTML , que incorpora entrada, reproducción y síntesis de audio, todo en el navegador.

elemento

El <audio>elemento representa un sonido o una secuencia de audio. Se usa comúnmente para reproducir un solo archivo de audio dentro de una página web, mostrando un widget GUI con controles de reproducción/pausa/volumen.

El <audio>elemento tiene estos atributos:

• atributos globales (clave de acceso; clase; contenteditable; menú contextual; directorio; arrastrable; zona de colocación; oculto; id; idioma; corrector ortográfico; estilo; tabindex; título; traducir)
• autoplay = "autoplay" o "" (cadena vacía) o vacía
  Indica al agente de usuario que comience automáticamente la reproducción de la secuencia de audio tan pronto como pueda hacerlo sin detenerse.
• preload = "none" o "metadata" o "auto" o "" (cadena vacía) o vacío
  Representa una pista para el agente de usuario sobre si se considera que vale la pena descargar de forma optimista la secuencia de audio en sí o sus metadatos.
  • "ninguno": le indica al agente de usuario que no se espera que el usuario necesite la transmisión de audio o que es deseable minimizar el tráfico innecesario.
  • "metadatos": le indica al agente de usuario que no se espera que el usuario necesite la transmisión de audio, pero que es deseable obtener sus metadatos (duración, etc.).
  • "auto": sugerencias para el agente de usuario de que se considera deseable descargar con optimismo toda la transmisión de audio.
• controles = "controles" o "" (cadena vacía) o vacío
  Indica al agente de usuario que exponga una interfaz de usuario para controlar la reproducción de la secuencia de audio.
• loop = "bucle" o "" (cadena vacía) o vacío
  Indica al agente de usuario que busque el inicio de la secuencia de audio al llegar al final.
• mediagroup = string
  Le indica al User-Agent que vincule múltiples videos y/o transmisiones de audio.
• muted = "silenciado" o "" (cadena vacía) o vacío
  Representa el estado predeterminado de la transmisión de audio, anulando potencialmente las preferencias del usuario.
• src = no vacía [URL] potencialmente rodeada de espacios
  La URL de la transmisión de audio.

Ejemplo:

Navegadores compatibles

En PC:

• Google Chrome
• Internet Explorer 9
• Firefox 3.5
• Ópera 10.5
• Google
• Safari 3.1

En dispositivos móviles:

• Navegador Android 2.3
• Google Chrome
• Internet Explorer Móvil 9
• Safari 4
• Firefox
• Ópera móvil 11

Formatos de codificación de audio compatibles

La adopción de audio HTML, al igual que el vídeo HTML , se ha polarizado entre los defensores de los formatos libres y los protegidos por patentes . En 2007, el W3C retiró la recomendación de utilizar Vorbis de la especificación HTML5 junto con la de utilizar Ogg Theora , citando la falta de un formato aceptado por los principales proveedores de navegadores .

Apple y Microsoft admiten los formatos AAC definidos por ISO / IEC y el antiguo MP3 . Mozilla y Opera apoyan el formato Vorbis , gratuito , abierto y libre de regalías, en contenedores Ogg y WebM , y critican la naturaleza cargada de patentes de MP3 y AAC, que se garantiza que no son libres. Hasta ahora, Google ha brindado soporte para todos los formatos comunes.

La mayoría de los archivos AAC con longitud finita están empaquetados en un contenedor MPEG-4 (.mp4, .m4a), que es compatible de forma nativa con Internet Explorer, Safari y Chrome, y con el sistema operativo Firefox y Opera. ^[2] La mayoría de las transmisiones en vivo de AAC con longitud infinita están empaquetadas en un contenedor Audio Data Transport Stream (.aac, .adts), que es compatible con Chrome, Safari, Firefox y Edge. ^{[3] [4] [5]}

Muchos navegadores también admiten audio PCM sin comprimir en un contenedor WAV E. ^[6]

En 2012, el IETF lanzó y estandarizó el formato Opus , gratuito y abierto, libre de regalías . Es compatible con Mozilla, Google, Opera y Edge. ^{[6] [7] [8] [9]}

Esta tabla documenta la compatibilidad actual con formatos de codificación de audio por <audio>elemento.

API de audio web y API de procesamiento MediaStream

La especificación Web Audio API desarrollada por W3C describe una API JavaScript de alto nivel para procesar y sintetizar audio en aplicaciones web. El paradigma principal es un gráfico de enrutamiento de audio, donde varios objetos AudioNode se conectan entre sí para definir la representación de audio general. El procesamiento real se llevará a cabo principalmente en la implementación subyacente (normalmente código ensamblador/C/C++ optimizado), pero también se admite el procesamiento y la síntesis directos de JavaScript. ^[29]

El navegador Firefox de Mozilla implementa una extensión API de datos de audio similar desde la versión 4, implementada en 2010 ^[30] y lanzada en 2011, pero Mozilla advierte que no es estándar y está en desuso, y recomienda la API de audio web en su lugar. ^[31] Algunas bibliotecas de síntesis y procesamiento de audio de JavaScript, como Audiolet Archivado el 28 de enero de 2013 en Wayback Machine, admiten ambas API.

El Grupo de Trabajo de Audio del W3C también está considerando la especificación API de procesamiento MediaStream desarrollada por Mozilla . ^[32] Además de la mezcla y el procesamiento de audio, cubre la transmisión de medios más general, incluida la sincronización con elementos HTML, la captura de transmisiones de audio y video y el enrutamiento entre pares de dichas transmisiones de medios. ^[33]

Navegadores compatibles

En PC:

• Google Chrome 10 ^[34] (Habilitado de forma predeterminada desde 14 ^[35] )
• Firefox 23 (Habilitado por defecto desde 25)
• Ópera 15
• Safari 6
• Microsoft borde 12
• Ópera GX 36

En dispositivos móviles:

• Google Chrome para Android 28 (Habilitado por defecto desde 29) y iPads de Apple
• Safari 6 (Tiene restricciones de uso (silenciado a menos que el usuario llame))
• Firefox 23 (Habilitado por defecto desde 25)
• tizen

API de voz web

Web Speech API tiene como objetivo proporcionar un método de entrada alternativo para aplicaciones web (sin utilizar un teclado). Con esta API, los desarrolladores pueden brindar a las aplicaciones web la capacidad de transcribir voz a texto desde el micrófono de la computadora. El audio grabado se envía a servidores de voz para su transcripción, después de lo cual el texto se escribe para el usuario. La API en sí es independiente de la implementación de reconocimiento de voz subyacente y puede admitir reconocedores integrados y basados ​​en servidor. ^[36] El grupo HTML Speech Incubator ha propuesto la implementación de tecnología de audio-voz en navegadores en forma de API uniformes y multiplataforma. La API contiene ambos: ^[37]

• API de entrada de voz
• API de texto a voz

Google integró esta función en Google Chrome en marzo de 2011. ^[38] Permitiendo a sus usuarios buscar en la web con su voz con código como:

Navegadores compatibles

• Safari 14.1 y superior ^[39]
• Google Chrome 25 y más
• Firefox Desktop 44.0 y posteriores (Linux y Mac) / 45.0 y posteriores (Windows) [PARCIAL: solo síntesis de voz; sin reconocimiento; habilitado de forma predeterminada desde 49.0] ^{[40] [41]}

Ver también

• vídeo HTML
• Uso de formatos Ogg en HTML5

Notas

1. No hay soporte nativo para el códec AAC por motivos de licencia. La decodificación de archivos de audio requiere que el sistema operativo host proporcione una biblioteca compatible. ^[12]
2. Un archivo MPEG-4 contiene un encabezado que incluye metadatos seguidos de "pistas" que pueden incluir datos de video y audio, por ejemplo, video codificado H.264 y audio codificado AAC. ADTS, por el contrario, es un formato de transmisión que consta de una serie de cuadros, cada cuadro tiene un encabezado seguido de los datos AAC. ^[4]

Referencias

1. "Recursos: Safari". Desarrollador de Apple . Consultado el 18 de noviembre de 2022 .
2. "TechFans.net - Blog de noticias de tecnología y negocios". TechFans.net . Consultado el 18 de noviembre de 2022 .
3. "Contenedor MP4 · Número 95 · karlheyes/icecast-kh". GitHub . Consultado el 18 de noviembre de 2022 .
4. "Nota técnica TN2236: Codificación de audio avanzada de alta eficiencia (HE-AAC)".
5. "1224887 - Implementar el cliente de decodificación de audio OpenMax IL AAC".
6. "Guía de formatos y tipos de medios: contenido de imagen, audio y video - Tecnologías de medios web | MDN". desarrollador.mozilla.org .
7. "11 de septiembre de 2012: el códec de audio Opus ahora es RFC6716, se publicó la fuente de referencia de Opus 1.0.1".
8. "¡Es Opus, es genial y ahora es un códec de audio estándar! - Mozilla Hacks - el blog para desarrolladores web".
9. "Compatibilidad con WebM, VP9 y Opus en Microsoft Edge - Blog de desarrollo de Microsoft EdgeBlog de desarrollo de Microsoft Edge". blogs.windows.com . 18 de abril de 2016 . Consultado el 22 de marzo de 2017 .
10. "Habilitar compatibilidad con mp3 en Chromium". Google . Consultado el 1 de mayo de 2018 .
11. "Notas de la versión de Firefox 71.0". Mozilla. 3 de diciembre de 2019.
12. "Guía de formatos y tipos de medios: contenido de imagen, audio y vídeo". Red de desarrolladores de Mozilla . Mozilla . Consultado el 6 de diciembre de 2019 .
13. "1190341: no se admite el Shoutcast de audio/aacp".
14. "1169212 - Crear ADTSDemuxer, un MediaDataDemuxer".
15. "Estado de la plataforma: desarrollador de Microsoft Edge".
16. "Presentación del paquete de extensión de medios web con soporte OGG Vorbis y Theora para Microsoft Edge". Blog de desarrollo de Microsoft Edge . Microsoft . 5 de diciembre de 2017.
17. "Notas de Firefox: escritorio".
18. "Notas de Firefox: escritorio".
19. "Estado de la plataforma: desarrollador de Microsoft Edge". desarrollador.microsoft.com .
20. "Notas de Firefox: escritorio".
21. "Firefox 28.0, vea todas las funciones nuevas, actualizaciones y correcciones".
22. Simmons, Jen (26 de octubre de 2021). "Nuevas funciones de WebKit en Safari 15".
23. "Documentación para desarrolladores de Apple". desarrollador.apple.com .
24. "Compatibilidad con códec FLAC para <audio> y WebAudio". Estado de la plataforma Chrome . Consultado el 27 de diciembre de 2016 .
25. "Estado de la plataforma: desarrollador de Microsoft Edge". desarrollador.microsoft.com .
26. "Firefox 51 para desarrolladores". Red de desarrolladores de Mozilla . Consultado el 27 de diciembre de 2016 .
27. Chaim Gartenberg (6 de junio de 2017). "Según se informa, Apple agrega soporte para audio FLAC sin pérdidas en iOS 11". El borde .
28. "Estado de la plataforma: desarrollador de Microsoft Edge".
29. Chris Rogers (15 de marzo de 2012). "API de audio web". W3C . Archivado desde el original el 20 de julio de 2012 . Consultado el 4 de julio de 2012 .{{cite web}}: Mantenimiento CS1: bot: estado de la URL original desconocido ( enlace )
30. "API de datos de audio".
31. "Presentación de la extensión Audio API". Red de desarrolladores de Mozilla . Mozilla . 2012-03-05. Archivado desde el original el 5 de mayo de 2012 . Consultado el 4 de julio de 2012 .
32. "API de procesamiento de audio". W3C . 2011-12-15. Archivado desde el original el 14 de junio de 2012 . Consultado el 4 de julio de 2012 .{{cite web}}: Mantenimiento CS1: bot: estado de la URL original desconocido ( enlace )
33. Robert O'Callahan (31 de mayo de 2012). "API de procesamiento MediaStream". W3C . Consultado el 4 de julio de 2012 .
34. "Web Audio API ya está disponible en Chrome gracias a Chris Rogers el 1 de febrero de 2011 ([email protected] desde febrero de 2011)". listas.w3.org . Consultado el 18 de noviembre de 2022 .
35. Scott Gilbertson (19 de septiembre de 2011). "Chrome 14 agrega mejor audio y compatibilidad con 'clientes nativos'". Mono web . Cableado . Consultado el 4 de julio de 2012 .
36. "Borrador de API" . Consultado el 28 de enero de 2012 .
37. "API de voz HTML5" . Consultado el 28 de enero de 2012 .
38. "Hablando con tu computadora" . Consultado el 28 de enero de 2012 .
39. "API de voz web: API web | MDN" . Consultado el 20 de mayo de 2024 .
40. "Firefox 49 para desarrolladores - Mozilla | MDN" . Consultado el 20 de mayo de 2024 .
41. "API de voz web: API web | MDN" . Consultado el 20 de mayo de 2024 .

enlaces externos

• HTML/Elementos/audio – W3C Wiki
• Elemento de audio HTML5 – W3C
• API de audio web – W3C
• API de procesamiento MediaStream – W3C
• API de voz web – W3C
• DAW de audio web – GitHub
• API de audio web de Mozilla