Audio de HTML5

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
Explorador	Sistema operativo	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

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

[1] Elemento de audio HTML5 - W3C

[2] ttps://www.w3.org/wiki/HTML/Elements/audio HTML/elementos/audio

[safari_html5-3] Acerca de HTML5 de Audio y Video - Safari HTML5 Audio y Video guía

[4] ttps://www.mozilla.org/en-US/Firefox/28.0/ReleaseNotes/

[5] ttps://developer.mozilla.org/en-US/docs/Media_formats_supported_by_the_audio_and_video_elements

[6] ttps://developer.mozilla.org/en-US/docs/Media_formats_supported_by_the_audio_and_video_elements#OGG _Opus

[7] ttps://www.Xiph.org/Press/2012/RFC-6716/

[8] ttps://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.

HTML
HTML HTML5 Editor de HTML HTML dinámico XHTML (Básico Perfil móvil C-HTML) Elemento HTML (span y div) Atributo HTML Codificaciones de caracteres Unicode Código de idioma Document Object Model Modelo de objetos del navegador Hojas de estilo CSS Familia de fuentes Colores del Web Secuencias de comandos HTML JavaScript W3C WHATWG Validador Modo quirks Marcos HTML HTML5 Canvas WebGL WebCL Audio de HTML5 Vídeo HTML5 Almacenamiento Web Motor de web browser (presentación)
Comparaciones
Lenguajes de marcado del documento Navegadores web Soporte de motor de diseño HTML HTML no-estándar XHTML(1.1) HTML5(lona) HTML5 multimedia (audio/video)
v t e

﻿Audio de HTML5

﻿Contenido

﻿elemento < audio >

﻿Navegadores soportados

﻿Códecs de audio soportados

﻿Web API Audio y procesamiento de MediaStream API

﻿Navegadores soportados

﻿Discurso de Web API

﻿Navegadores soportados

﻿Véase también

﻿Referencias

﻿Enlaces externos

Otras Páginas

﻿Menú de navegación

Audio de HTML5

Contenido

elemento < audio >

Navegadores soportados

Códecs de audio soportados

Web API Audio y procesamiento de MediaStream API

Navegadores soportados

Discurso de Web API

Navegadores soportados

Véase también

Referencias

Enlaces externos

Menú de navegación