Hispanopedia Wiki
Articulo de referencia

audio HTML

El audio HTML es un tema contemplado en la especificación HTML, que incorpora audio, incluyendo la conversión de voz a texto, todo ello en el navegador. _element"> _element"> < ...

Hispanopedia WikiContenido en espanolLectura gratuita

El audio HTML es un tema contemplado en la especificación HTML, que incorpora audio, incluyendo la conversión de voz a texto, todo ello en el navegador.

< elemento de audio >

Este elemento representa un sonido o una secuencia de audio. Se utiliza habitualmente para reproducir un único archivo de audio en una página web, mostrando un widget de interfaz gráfica con controles de reproducción, pausa y volumen.<audio>

El elemento tiene estos atributos: la música<audio>

  • atributos globales (accesskey; class; contenteditable; contextmenu; dir; draggable; dropzone; hidden; id; lang; spellcheck; style; tabindex; title; translate)
  • autoplay = "autoplay" o "" (cadena vacía) o vacío Indica al agente de usuario que comience automáticamente la reproducción del flujo de audio tan pronto como pueda hacerlo sin detenerse.
  • preload = "none" o "metadata" o "auto" o "" (cadena vacía) o vacío Representa una sugerencia al User-Agent sobre si se considera que vale la pena descargar de forma optimista el flujo de audio en sí o sus metadatos.
    • "ninguno": 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": 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": Indica al agente de usuario que se considera deseable descargar de forma optimista todo el flujo 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 del flujo de audio.
  • loop = "loop" o "" (cadena vacía) o vacío Indica al agente de usuario que vuelva al inicio del flujo de audio al llegar al final.
  • mediagroup = string Indica al User-Agent que enlace varios vídeos y/o flujos de audio.
  • muted = "muted" o "" (cadena vacía) o vacío Representa el estado predeterminado del flujo de audio, que potencialmente anula las preferencias del usuario.
  • src = [URL] no vacía, potencialmente rodeada de espacios. La URL para la transmisión de audio.

Ejemplo: [ 1 ]

< controles de audio > < source src = "https://media.w3.org/2010/07/bunny/04-Death_Becomes_Fur.mp4" type = "audio/mp4" /> < source src = "https://media.w3.org/2010/07/bunny/04-Death_Becomes_Fur.oga" type = " audio/ogg; codecs=vorbis" / > <p> Su agente de usuario no admite el elemento de audio HTML5 . </p> </audio>

Remoto

Formatos de codificación de audio compatibles

La adopción del audio HTML, al igual que la del vídeo HTML , ha generado controversia entre los defensores de los formatos libres y los que están sujetos a patentes . En 2007, el W3C retiró la recomendación de usar Vorbis de la especificación HTML5 , junto con la de usar Ogg Theora , alegando la falta de un formato aceptado por todos los principales proveedores de navegadores.

Apple y Microsoft admiten los formatos AAC y MP3 , definidos por la norma ISO / IEC . Mozilla y Opera admiten el formato Vorbis , libre de regalías y gratuito , en contenedores Ogg y WebM , y critican la naturaleza patentada de MP3 y AAC, que se consideran "no libres". Google, hasta el momento, ha brindado soporte para todos los formatos comunes.

La mayoría de los archivos AAC de duración finita se encapsulan en un contenedor MPEG-4 (.mp4, .m4a), compatible de forma nativa con Internet Explorer, Safari y Chrome, y con el sistema operativo en Firefox y Opera. La mayoría de las transmisiones en directo AAC de duración infinita se encapsulan en un contenedor Audio Data Transport Stream (.aac, .adts), compatible con Chrome, Safari, Firefox y Edge. [ 2 ] [ 3 ] [ 4 ]

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

En 2012, el formato Opus, libre, abierto y sin regalías, fue lanzado y estandarizado por la IETF . Es compatible con Mozilla, Google, Opera y Edge. [ 5 ] [ 6 ] [ 7 ] [ 8 ]

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

API de audio web y API de procesamiento de flujos multimedia

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

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

El Grupo de Trabajo de Audio del W3C también está considerando la especificación de la API de procesamiento de MediaStream desarrollada por Mozilla . [ 31 ] Además de la mezcla y el procesamiento de audio, abarca la transmisión de medios más general, incluyendo la sincronización con elementos HTML, la captura de flujos de audio y video, y el enrutamiento peer-to-peer de dichos flujos de medios. [ 32 ]

Navegadores compatibles

En PC:

  • Google Chrome 10 [ 33 ] (Activado por defecto desde 14 [ 34 ] )
  • Firefox 23 (activado por defecto desde la versión 25)
  • Ópera 15
  • Safari 6
  • Microsoft Edge 12
  • Opera GX 36

En dispositivos móviles:

  • Google Chrome para Android 28 (activado por defecto desde la versión 29) y iPads de Apple
  • Safari 6 (Tiene restricciones de uso (Silenciado a menos que el usuario llame))
  • Firefox 23 (activado por defecto desde la versión 25)
  • Tizen

API de voz web

La API de voz web tiene como objetivo proporcionar un método de entrada alternativo para aplicaciones web (sin usar un teclado). Con esta API, los desarrolladores pueden dotar a las aplicaciones web de la capacidad de transcribir voz a texto desde el micrófono del ordenador. El audio grabado se envía a servidores de voz para su transcripción, tras lo cual el texto se escribe para el usuario. La propia API es independiente de la implementación subyacente de reconocimiento de voz y puede admitir tanto reconocedores basados ​​en servidor como integrados. [ 35 ] 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: [ 36 ]

  • API de entrada de voz
  • API de conversión de texto a voz

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

< script type = " application/javascript" > function startSearch ( event ) { event.target.form.submit ( ) ; } </script> < form action = " http://www.google.com/search " > < input type = " search" name = " q " speech required onspeechchange = " startSearch " > </form>

Véase también

Notas

  1. 1 2 No existe soporte nativo para el códec AAC debido a problemas de licencia. La decodificación de archivos de audio requiere que el sistema operativo anfitrión proporcione una biblioteca compatible. [ 11 ]
  2. ↑ Un archivo MPEG-4 contiene una cabecera que incluye metadatos seguidos de "pistas" que pueden incluir datos de vídeo y audio; por ejemplo, vídeo codificado en H.264 y audio codificado en AAC. ADTS, en cambio, es un formato de transmisión que consiste en una serie de fotogramas, cada uno con una cabecera seguida de los datos AAC. [ 3 ]

Referencias

  1. ↑ "El elemento Embed Audio – HTML: HyperText Markup Language | MDN" .
  2. ↑ "Contenedor MP4 · Problema n.° 95 · karlheyes/icecast-kh" . GitHub . Consultado el 18 de noviembre de 2022 .
  3. 1 2 "Nota técnica TN2236: Codificación de audio avanzada de alta eficiencia (HE-AAC)" .
  4. ↑ "1224887 – Implementar cliente de decodificación de audio AAC de OpenMax IL" .
  5. 1 2 "Guía de tipos y formatos de medios: contenido de imagen, audio y vídeo – Tecnologías de medios web | MDN" . developer.mozilla.org .
  6. ↑ "11 de septiembre de 2012: El códec de audio Opus ahora es RFC6716, se publica la fuente de referencia Opus 1.0.1" .
  7. ↑ "Es Opus, es genial y ahora es un estándar de códec de audio. – Mozilla Hacks – el blog para desarrolladores web" .
  8. ↑ "Compatibilidad con WebM, VP9 y Opus en Microsoft Edge – Blog de desarrolladores de Microsoft Edge" . blogs.windows.com . 18 de abril de 2016 . Consultado el 22 de marzo de 2017 .
  9. 1 2 "Habilitar la compatibilidad con mp3 en Chromium" . Google . Consultado el 1 de mayo de 2018 .
  10. ↑ "Notas de la versión Firefox 71.0" . Mozilla. 3 de diciembre de 2019.
  11. ↑ "Guía de tipos y formatos de medios: contenido de imagen, audio y vídeo" . Mozilla Developer Network . Mozilla . Consultado el 6 de diciembre de 2019 .
  12. ↑ "1190341 - audio/aacp shoutcast no es compatible" .
  13. ↑ "1169212 - Crear ADTSDemuxer, un MediaDataDemuxer" .
  14. 1 2 "Estado de la plataforma: desarrollador de Microsoft Edge" . Archivado del original el 27 de febrero de 2021. Consultado el 11 de mayo de 2020 .
  15. 1 2 3 4 5 "Presentamos el paquete de extensión de medios web con soporte para OGG Vorbis y Theora para Microsoft Edge" . Blog de desarrolladores de Microsoft Edge . Microsoft . 5 de diciembre de 2017.
  16. ↑ "Firefox Notes - Escritorio" .
  17. ↑ "Firefox Notes - Escritorio" .
  18. 1 2 "Estado de la plataforma: desarrollador de Microsoft Edge" . developer.microsoft.com . Archivado del original el 27 de febrero de 2021. Consultado el 11 de mayo de 2020 .
  19. ↑ "Firefox Notes - Escritorio" .
  20. ↑ "Firefox 28.0, vea todas las nuevas funciones, actualizaciones y correcciones" .
  21. ↑ Simmons, Jen (26 de octubre de 2021). "Nuevas características de WebKit en Safari 15" .
  22. ↑ "Documentación para desarrolladores de Apple" . developer.apple.com .
  23. 1 2 "Compatibilidad con el códec FLAC para < audio > y WebAudio" . Estado de la plataforma Chrome . Consultado el 27 de diciembre de 2016 .
  24. ↑ "Estado de la plataforma: desarrollador de Microsoft Edge" . developer.microsoft.com . Archivado del original el 27 de febrero de 2021. Consultado el 11 de mayo de 2020 .
  25. 1 2 "Firefox 51 para desarrolladores" . Mozilla Developer Network . Consultado el 27 de diciembre de 2016 .
  26. ↑ Chaim Gartenberg (6 de junio de 2017). "Según informes, Apple añade compatibilidad con audio sin pérdidas FLAC en iOS 11" . The Verge .
  27. ↑ "Estado de la plataforma: desarrollador de Microsoft Edge" . Archivado del original el 27 de febrero de 2021. Consultado el 11 de mayo de 2020 .
  28. ↑ Chris Rogers (15 de marzo de 2012). "Web Audio API" . W3C . Archivado del original el 20 de julio de 2012. Consultado el 4 de julio de 2012 .{{cite web}}: CS1 maint: bot: estado de la URL original desconocido ( enlace )
  29. ↑ "API de datos de audio" .
  30. ↑ "Presentación de la extensión de la API de audio" . Red de desarrolladores de Mozilla . Mozilla . 5 de marzo de 2012. Archivado del original el 5 de mayo de 2012. Consultado el 4 de julio de 2012 .
  31. ↑ "API de procesamiento de audio" . W3C . 15 de diciembre de 2011. Archivado del original el 14 de junio de 2012. Consultado el 4 de julio de 2012 .{{cite web}}: CS1 maint: bot: estado de la URL original desconocido ( enlace )
  32. ↑ Robert O'Callahan (31 de mayo de 2012). "API de procesamiento de flujos de medios" . W3C . Consultado el 4 de julio de 2012 .
  33. ↑ "La API de audio web ya está disponible en Chrome, según Chris Rogers el 1 de febrero de 2011 (public-xg-audio@w3.org desde febrero de 2011)" . lists.w3.org . Consultado el 18 de noviembre de 2022 .
  34. ↑ Scott Gilbertson (19 de septiembre de 2011). "Chrome 14 añade mejor audio y compatibilidad con 'cliente nativo'" . Webmonkey . Wired . Consultado el 4 de julio de 2012 .
  35. ↑ "Borrador de API" . Consultado el 28 de enero de 2012 .
  36. ↑ "API de voz HTML5" . Consultado el 28 de enero de 2012 .
  37. ↑ "Hablando con tu ordenador" . Consultado el 28 de enero de 2012 .
  • HTML/Elementos/audio – Wiki del W3C
  • Elemento de audio HTML5 – W3C
  • API de audio web – W3C
  • API de procesamiento de MediaStream – W3C
  • API de reconocimiento de voz web – W3C
  • DAW de audio web – GitHub
  • API de audio web de Mozilla
Lecturas relacionadas
6 articulos
Vídeo HTMLEl vídeo HTML es un tema de la especificación HTML como la forma estándar de reproducir vídeo a través de la web. Introducido en HTML5 , [ 1 ] fue ...Creación de un juego de carreras de coches en 3D utilizando el motor de juego Blender.Software libreGNU Guix . Un ejemplo de un sistema operativo de software libre que cumple con la FSDG de GNU y que ejecuta algunas aplicaciones representativas. S...Patente de softwarePatente de softwareUna patente de software es una patente sobre una pieza de software , como un programa de computadora , bibliotecas , interfaz de usuario o algoritmo .Consorcio de la World Wide WebConsorcio de la World Wide WebEl Consorcio World Wide Web ( W3C ) es la principal organización internacional de estándares para la World Wide Web . Fundado en 1994 y dirigido po...VorbisVorbisVorbis es un proyecto de software libre y de código abierto encabezado por la Fundación Xiph.Org . El proyecto produce un formato de codificación d...HTML5HTML5HTML5 ( Hypertext Markup Language 5 ) es un lenguaje de marcado utilizado para estructurar y presentar documentos de hipertexto en la World Wide We...