javascript - example - ¿Funciona ahora getUserMedia para la grabación de audio de HTML5?
javascript camara web (4)
He buscado en una gran cantidad de DEMO y ejemplos sobre getUserMedia, pero la mayoría son solo para capturar cámaras, no para micrófonos.
Así que descargué algunos ejemplos y los probé en mi propia computadora, la captura de la cámara es un trabajo, pero cuando cambié
navigator.webkitGetUserMedia({video : true},gotStream);
a
navigator.webkitGetUserMedia({audio : true},gotStream);
El navegador me pide que permita el acceso al micrófono primero, y luego falló en
document.getElementById("audio").src = window.webkitURL.createObjectURL(stream);
El mensaje es:
GET blob:http%3A//localhost/a5077b7e-097a-4281-b444-8c1d3e327eb4 404 (Not Found)
Este es mi código: getUserMedia_simple_audio_test
¿Hice algo mal? ¿O solo getUserMedia puede funcionar para la cámara ahora?
(lo siento, olvidé iniciar sesión, así que publico con mi nombre de usuario adecuado ...)
Actualmente está soportado en Chrome Canary. Debe escribir about:flags en la barra de direcciones y habilitar Web Audio Input.
El siguiente código conecta la entrada de audio a los altavoces. ¡CUIDADO CON LA OPINIÓN!
<script>
// this is to store a reference to the input so we can kill it later
var liveSource;
// creates an audiocontext and hooks up the audio input
function connectAudioInToSpeakers(){
var context = new webkitAudioContext();
navigator.webkitGetUserMedia({audio: true}, function(stream) {
console.log("Connected live audio input");
liveSource = context.createMediaStreamSource(stream);
liveSource.connect(context.destination);
});
}
// disconnects the audio input
function makeItStop(){
console.log("killing audio!");
liveSource.disconnect();
}
// run this when the page loads
connectAudioInToSpeakers();
</script>
<input type="button" value="please make it stop!" onclick="makeItStop()"/>
Actualmente está soportado en Chrome Canary. Debe escribir about: flags en la barra de direcciones y habilitar Web Audio Input.
El siguiente código conecta la entrada de audio a los altavoces. ¡CUIDADO CON LA OPINIÓN!
<script>
// this is to store a reference to the input so we can kill it later
var liveSource;
// creates an audiocontext and hooks up the audio input
function connectAudioInToSpeakers(){
var context = new webkitAudioContext();
navigator.webkitGetUserMedia({audio: true}, function(stream) {
console.log("Connected live audio input");
liveSource = context.createMediaStreamSource(stream);
liveSource.connect(context.destination);
});
}
// disconnects the audio input
function makeItStop(){
console.log("killing audio!");
liveSource.disconnect();
}
// run this when the page loads
connectAudioInToSpeakers();
</script>
<input type="button" value="please make it stop!" onclick="makeItStop()"/>
Actualmente no está disponible en Google Chrome. Vea el número 112367 .
Se puede ver en la demo , siempre arrojará un error diciendo:
GET blob: http% 3A // whatever.it.is / b0058260-9579-419b-b409-18024ef7c6da 404 (No encontrado)
Y tampoco puedes escuchar el micrófono en
{
video: true,
audio: true
}
Está funcionando, solo necesitas agregar el parámetro toString después del audio : true
Revisa este artículo - link