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 Puntos227320

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.

0voto

steven comentado

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>

0voto

Leonardo-Tadei comentado

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

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

0voto

steven comentado

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

0voto

Leonardo-Tadei comentado

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.

0voto

steven comentado

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

1voto

Leonardo-Tadei comentado

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!

0voto

steven comentado

@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

0voto

Leonardo-Tadei comentado

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 !

0voto

steven comentado

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.

Otras Preguntas y Respuestas


...

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

Conecta