android - online - programa para grabar audio gratis

Cómo grabar audio en la página web(iOS, Android, PC/Mac)-sin flash

Question

Tengo el requisito de permitir que un usuario grabe un archivo de audio con su micrófono, pero tiene que funcionar sin flash, ya que debe funcionar en iOS (safari móvil), navegador de Android o Chrome, y un navegador moderno en una PC / Mac .

¿Existe un método HTML5 simple y limpio para grabar audio y publicar en un servidor? No he podido encontrar nada.

Answer 1

Hablando profesionalmente, diría que no, hay API de audio para HTML5, pero su implementación varía según los navegadores en este momento. Si está haciendo esto para una demostración de tecnología, entonces eso podría ser suficiente, pero de lo contrario, debería recurrir a otras tecnologías como flash y / o aplicaciones nativas para obtener resultados más confiables.

Answer 2

Puede utilizar la API de WebAudio HTML5.

Una introducción a la html5rocks.com/en/tutorials/getusermedia/intro

Una buena biblioteca para grabar audio con muestras Recorder.js

Un ejemplo completo y funcional utilizando Recorder.js Cómo grabar audio en Chrome con API nativas de HTML5

Otras demostraciones de API de WebAudio Demostraciones y bibliotecas de HTML5 Web Audio API

Navegadores compatibles ¿Puedo usar la API de audio web?

Con respecto a enviar los datos a otro servidor, utilizando Recorder.js puede obtener el búfer de audio, luego podría usar XMLHttpRequest para enviar POST el arraybuffer o blob al servidor de destino directamente o codificado como base64.

MDN: enviando y recibiendo datos binarios

Html5Rocks: Nuevo truco ins XMLHttpRequest2, enviando datos

Answer 3

getUserMedia() ahora es ampliamente compatible con dispositivos móviles:

• Safari en iOS 11 ( excepto UIWebView )
• Chrome en Android

y escritorio:

• Safari 11
• Cromo
• Firefox
• Borde 12
• Ópera

Una vez que se otorga el permiso de la cámara web / micrófono y se activan los datos del micrófono, puede:

• codifique el sonido utilizando bibliotecas JS como Recorder.js (wav), WebAudioRecorder.js (wav, mp3, Vorbis) o vmsg (mp3).
• o use la API de grabadora de medios (nativa) para capturar el audio de Opus en archivos .ogg (Firefox) y .webm (Chrome) junto con este elegante relleno para Safari 11 y Edge que produce archivos .wav.

Aquí hay una demostración que hice ( demostración en vivo , fuente en GitHub ) que usa Matt Diamond''s Recorder.js para grabar audio (pcm en archivos .wav) que se ejecuta en Safari en iOS 11. Al hacer clic en Grabar, se solicita al usuario que permita el acceso al micrófono: