Audio de HTML5

Ir a: navegación, búsqueda de

Audio de HTML5 es un tema de la HTML5 especificación, investigadora de entrada de audio, reproducción, síntesis, así como discurso al texto en el navegador.

Contenido

  • 1 elemento < audio >
    • 1.1 Navegadores soportados
    • 1.2 Códecs de audio soportados
  • 2 Web API Audio y procesamiento de MediaStream API
    • 2.1 Navegadores soportados
  • 3 Discurso de Web API
    • 3.1 Navegadores soportados
  • 4 Véase también
  • 5 Referencias
  • 6 Enlaces externos

elemento < audio >

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

El elemento < audio > tienen atributos de tesis:

  • atributos globales (accesskey; clase contextmenu; contenteditable; dir; arrastrables; dropzone; oculta; id lang corrector ortográfico; estilo; tabindex; título; traducir)
  • autoplay = "autoplay" o "" (cadena vacía) o vacío
    Instruye a la UA para iniciar la reproducción de la secuencia de audio automáticamente tan pronto como puede hacerlo sin parar.
  • precarga = "none" o "metadatos" o "auto" o "" (cadena vacía) o vacío
    Representa un indicio a la UA sobre si considera que vale la pena descargar optimista de la secuencia de audio sí mismo o sus metadatos.
    • "ninguno": consejos para el agente de usuario que el usuario no esperan que necesita el flujo de audio, o que minimiza el tráfico innecesario es deseable.
    • "metadatos": consejos para el agente de usuario que el usuario no esperan que necesita el flujo de sonido, pero esa trayendo sus metadatos (duración y así sucesivamente) es deseable.
    • "auto": consejos para el agente de usuario que descarga con optimismo la corriente audio entera se considera deseable.
  • controles = "controles" o "" (cadena vacía) o vacío
    Instruye el User-Agent para exponer una interfaz de usuario para controlar la reproducción de la secuencia de audio.
  • Loop = "loop" o "" (cadena vacía) o vacío
    Instruye el User-Agent para buscar hacia el inicio de la secuencia de audio al llegar al final.
  • Mediagroup = string
    Instruye el User-Agent para vincular múltiples vídeos o secuencias de audio.
  • silenciado = "silenciado" o "" (cadena vacía) o vacío
    Representa el estado predeterminado de la secuencia de audio, potencialmente reemplazar las preferencias del usuario.
  • src = no-vacío [URL] potencialmente rodeado de espacios
    La dirección URL de la secuencia de audio.

Ejemplo:

< audio >< fuente src = "https://media.w3.org/2010/07/Bunny/04-Death_Becomes_Fur.mp4"tipo = ' audio/mp4' >< fuente src ="https://media.w3.org/2010/07/Bunny/04-Death_Becomes_Fur.Oga"tipo =' audio/ogg; codecs = vorbis' >< p > no es compatible con su agente de usuario del elemento HTML5 Audio. < /p >< / audio >

[2]

Navegadores soportados

  • PC
    • Google Chrome
    • Internet Explorer 9
    • Mozilla Firefox 3.5
    • Ópera 10.5
    • Safari 3.1[3]
  • Móvil
    • Navegador de Android 2.3
    • BlackBerry Browser
    • Google Chrome para Android
    • Internet Explorer Mobile 9
    • Mobile Safari 4[3]
    • Mozilla Firefox para Android
    • Opera Mobile 11
    • Tizen

Códecs de audio soportados

Esta tabla documentos el apoyo actual a los codecs de audio por el < audio > elemento.

Explorador Sistema operativo Formatos compatibles con distintos navegadores web
OGG Vorbis WAV PCM MP3 AAC WebM Vorbis OGG Opus WebM Opus
Google Chrome Cuenta con el respaldo 9 Sí Sí Sí Sí 25 (desde v31 en Windows) Sí
Internet Explorer Windows No No 9 9 No No No
Mozilla Firefox Cuenta con el respaldo 3.5 3.5 Windows (21.0), Linux (24,0, necesita un GStreamer Codec), OS X (26.0) Windows (21.0) y Linux (24,0, necesita un GStreamer Codec) sólo 4.0 15.0 28.0[4]
Ópera Cuenta con el respaldo 10.50 11.00 14 14 10,60 14 Sí
Safari OS X Sí 3.1 3.1 3.1 No No No

La adopción de HTML5 audio, como con Vídeo HTML5, ha convertido polarizado entre los partidarios de los formatos libres y patentados. En 2007, la recomendación del uso Vorbis fue retraído de la especificación de la W3C junto con eso para usar Ogg Theora, refiriéndose a la falta de un formato aceptado por todos los proveedores principales del navegador.

Apple y Microsoft, que entre ellos representan aproximadamente el 39% del mercado del navegador[citación necesitada], apoyan la ISO/IEC-define formatos AAC y el más viejo MP3.

Mozilla y Ópera, controla el 24% del mercado, apoyo la gratis y abrir, libre de regalías Vorbis códec en OGG y WebM los envases y criticar la restringido por patentes naturaleza de MP3 y AAC, que están garantizados para ser "non-free".

Google, controla el 27% del mercado, hasta ahora ha brindado apoyo para todos los formatos comunes.

Gecko-Safari y aplicaciones basadas en soportan audio PCM en un WAVContenedor de E.[5]

En 2012, la libre y libre de regalías Opus formato fue liberado y estandarizada por IETF. Es apoyado por el software de Mozilla desde Gecko versión 15.[6][7][8]

Web API Audio y procesamiento de MediaStream API

El API web de Audio Especificación desarrollada por W3C describe un API JavaScript de alto nivel para el procesamiento y síntesis de audio en aplicaciones web. El paradigma principal es de un gráfico audio de enrutamiento, donde un número de objetos de AudioNode está conectado juntos para definir la representación general audio. El proceso real principalmente se llevará a cabo en la implementación subyacente (típicamente optimizado Asamblea / C / código de C++), pero también admite JavaScript procesamiento directo y la síntesis.[9]

Navegador Firefox de Mozilla implementa una extensión de Audio Data API similar desde la versión 4, implementada en 2010 [10] y publicado en 2011, pero Mozilla advierte es obsoleto y no estándar y recomienda el API Web de Audio en su lugar.[11] Algunos audio procesado y síntesis de librerías JavaScript como Audiolet apoyar ambas APIs.

El Grupo de trabajo W3C Audio también está considerando la API de procesamiento de MediaStream Especificación desarrollada por Mozilla.[12] Además de mezcla de audio y procesamiento, cubre más general streaming multimedia, incluyendo sincronización con elementos HTML, captura de secuencias de audio y video, y Peer-to-peer de enrutamiento de esas corrientes de los medios de comunicación.[13]

Navegadores soportados

  • PC
    • Google Chrome 10[14] (Habilitado por defecto desde 14[15])
    • Mozilla Firefox 23 (habilitado por defecto desde 25)
    • Ópera 15
    • Safari 6
  • Móvil
    • Google Chrome para Android 28 (habilitado por defecto desde 29)
    • Safari Mobile 6
    • Mozilla Firefox 23 (habilitado por defecto desde 25)
    • Tizen

Discurso de Web API

El Discurso de Web API tiene como objetivo proporcionar un método alternativo de entrada para aplicaciones web (sin utilizar un teclado). Con esta API, los desarrolladores pueden dar aplicaciones web la capacidad de transcribir su voz a texto, micrófono de su ordenador. El audio grabado es enviado a los servidores del discurso para la transcripción, después de lo cual el texto está escrito a por ti. La API en sí es independiente de la aplicación de reconocimiento de discurso subyacente y puede soportar tanto servidor base así como reconocedores incrustados.[16] El Grupo de incubadora discurso HTML ha propuesto la implementación de tecnología de audio-discurso en navegadores en forma uniforme, API multiplataforma. La API contiene ambos:[17]

  • Discurso entrada API
  • Text to Speech API

Google había integrado esta característica en Google Chrome en marzo de 2011.[18] Dejando a sus usuarios buscar en la web con su voz con código como:

<script tipo="aplicación/javascript">
function startSearch(event) {event.target.form.submit();
    }
</script>
<formulario acción="https://www.google.com/search">
  <entrada tipo="Buscar" nombre="q" discurso Obligatorio onspeechchange="startSearch">
</formulario>

Navegadores soportados

  • Google Chrome 25 y más
  • Apple Safari 6.1 y para arriba -)PARCIAL) Síntesis del habla sólo

Véase también

  • Uso de formatos Ogg en HTML5
  • HTML5 en dispositivos móviles

Referencias

  1. ^ Elemento de audio HTML5 - W3C
  2. ^ https://www.w3.org/wiki/HTML/Elements/audio HTML/elementos/audio
  3. ^ a b Acerca de HTML5 de Audio y Video - Safari HTML5 Audio y Video guía
  4. ^ https://www.mozilla.org/en-US/Firefox/28.0/ReleaseNotes/
  5. ^ https://developer.mozilla.org/en-US/docs/Media_formats_supported_by_the_audio_and_video_elements
  6. ^ https://developer.mozilla.org/en-US/docs/Media_formats_supported_by_the_audio_and_video_elements#OGG _Opus
  7. ^ https://www.Xiph.org/Press/2012/RFC-6716/
  8. ^ https://hacks.mozilla.org/2012/09/its-Opus-it-Rocks-and-now-its-an-audio-codec-Standard/
  9. ^ Chris Rogers (2012-03-15). "API web de Audio". W3C. Archivado de el original en 2012-03-15. 2012-07-04.
  10. ^ "Datos de audio API".
  11. ^ "Introduciendo la extensión Audio API". Mozilla Developer Network. Mozilla. 2012-03-05. archivado desde el original en 2014-01-16. 2012-07-04.
  12. ^ "API de procesamiento de audio". W3C. 2011-12-15. archivado desde el original en 2011-12-15. 2012-07-04.
  13. ^ Robert O'Callahan (2012-05-31). "API de procesamiento de MediaStream". W3C. 2012-07-04.
  14. ^ API web de Audio está disponible en cromo
  15. ^ Scott Gilbertson (2011-09-19). "Cromo 14 agrega mejor Audio, soporte 'Native Client'". Webmonkey. Atado con alambre. 2012-07-04.
  16. ^ "Proyecto de API". 28 de enero de 2012.
  17. ^ "Discurso de HTML5 API". 28 de enero de 2012.
  18. ^ "Hablando con el ordenador". 28 de enero de 2012.

Enlaces externos

  • HTML/elementos/audio - W3C Wiki
  • Elemento de audio HTML5 - W3C
  • Audio API Web - W3C
  • API de procesamiento de MediaStream - W3C
  • Discurso de Web API - W3C
  • Web Audio DAW - Github

Otras Páginas

Obtenido de"https://en.copro.org/w/index.php?title=HTML5_Audio&oldid=620933157"