entre Desarrolladores

Recibe ayuda de expertos

Registrate y pregunta

Es gratis y fácil

Recibe respuestas

Respuestas, votos y comentarios

Vota y selecciona respuestas

Recibe puntos, vota y da la solución

Pregunta

1voto

capturar el microfono y trasmitir en vivo

hola chicos estoy me acabe de enterar hace poco tiempo que con js se podia capturar el microfono y la camara, me parecio algo interesante y decidi probarlo pero me devuelve un error desconocido

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
    <video src="" id="video" controls></video>
</body>
</html>
<script type="text/javascript">
    navigator.getUserMedia = (navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia)

    navigator.getUserMedia (
        {
            video:true 
            audio:true
        }

    function(localMediaStream){
        video = document.querySelector("video")
        video.src= window.URL.createObjectURL(localMediaStream)

    }

    function(err){
        console.log(err)
    }
    )

</script>

output
uncaught syntaxerror unexpected identifier

el ejemplo lo he tomado de la siguiente pagina ejemplo

1 Respuesta

2votos

Leonardo-Tadei Puntos214700

Copiaste mal el ejemplo @steven,

fijate la coma después de las llaves... eso es porque function(localMediaStream) y function(err) son métodos del objeto navigator.getUserMedia y no funciones independientes como lo estás planteando.

PD: también te faltan puntos y comas después de cada línea y 1 coma después del 1er atributo.

steven comentado Abr 9

gracias, acabo de corregirlo pero ahora me vota el error con el siguiente mensaje
not allowed to load resource local : blob/null

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
    <video src="" id="video" controls></video>
</body>
</html>
<script type="text/javascript">
    navigator.getUserMedia = (navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia);

    navigator.getUserMedia (
        {
            video:true, 
            audio:true
        },

    function(localMediaStream){
        video = document.querySelector("video")
        video.src= window.URL.createObjectURL(localMediaStream)

    },

    function(err){
        console.log(err)

    }
    );

</script>

Leonardo-Tadei comentado Abr 9

Te siguen faltando 2 punto y coma en la función callback...

Qué URL ponés en el navegador para acceder a este archivo?

steven comentado Abr 9

la ruta corriente de mi archivo es la siguiente file:///F:/xamp/htdocs/local/beta/estudio/dispositivo/demo.html
la idea es poder trasmitir la grabacion en mi etiqueta audio, he probado hacer lo siguiente

    navigator.getUserMedia = (navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia);

    navigator.getUserMedia (
        {
            video:true, 
            audio:true
        },

    function(localMediaStream){
        video = document.querySelector("video");

        video.setAttribute('src', localMediaStream);

    },

output
GET file:///F:/xamp/htdocs/local/beta/estudio/dispositivo/[object%20MediaStream] net::ERR_FILE_NOT_FOUND

Leonardo-Tadei comentado Abr 9

Querido @steven,

el artículo que usás como referencia dice muy claramente que esto no funciona desde file://

Por favor, leé bien la documentación, copiá y pegá sin errores y comprendé bien qué es lo que hace el código... solo después de eso las preguntas que hagas tendrán sentido y serán de utilidad para la comunidad.

steven comentado Abr 9

en ningun lado esta escrito que no funcionase en file, auunque debi haberlo suponido, muchas gracias, el audio se escucha un poco mal y no se puede ver la grabacion de mi camara

Leonardo-Tadei comentado Abr 9

Sí lo dice @steve, en la parte de las consideraciones, al final del artículo:

Consideraciones

  • No podemos usar getUserMedia en páginas que usen en sus URLs file://.
  • Esta API solicita permiso al usuario para acceder a la cámara y al micrófono.

Me alegra que te haya funcionado.
Saludos cordiales!

steven comentado Abr 9

@Leonardo-Tadei el rumor de que te comentaba esta disponibile aqui, grabacion
he probado un servicio de grabacion de audio online y no tengo este problema, cual crees que sean las causas y como podria resolverlo

Leonardo-Tadei comentado Abr 9

No respondo a nuevas preguntas en comentarios a preguntas diferentes, porque luego nadie puede encontrarlas, con lo que ED no cumple con su objetivo de ayudar a la comunidad.

PD: ya perdí la cuenta de la cantidad de veces que muchos de ED te hemos dicho esto... no es tan difícil @steven !

steven comentado Abr 9

lo se pero visto que no se trata de una pregunta de programacion no creo que nadie sepa responder, es un problema mas tecnico que quizas alguien como tu podia entender, sin embargo si sugieres que publique la pregunta lo hare no hay problema

Por favor, accede o regístrate para responder a esta pregunta.

¿Conoces alguien que puede responder?
¡Comparte esta pregunta!


Otras Preguntas y Respuestas


Actividad Reciente

...

Bienvenido a entre Desarrolladores, donde puedes realizar preguntas y recibir respuestas de otros miembros de la comunidad.

Conecta