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

no puedo ver la foto tomada en la webcam

hola amigos, buen dia o noche, mi problema es el siguiente sigo un tutorial donde explica como tomar una foto de perfil para un usuario desde una webcam, nadamas que el joven del video si le sale bien, mientras tanto uno sigue los paso y no le sale igual y marcan muchos errores este es el código :

index.html

<!DOCTYPE html >
<html >
<head>
<style>
#resimler img{

height:100px;
width:100px;

}
canvas {
    opacity:0;
    }
video {
    border: 2px solid #999;
    padding:opx;}
</style>

<script src="http://code.jquery.com/jquery-2.1.4.min.js"></script>

<script>

window.URL=window.URL || window.webkitURL;
var video=document.getElementById("cam");

    navigator.getUserMedia=navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia || msGetUsermedia;
    if(navigator.getUserMedia){

        navigator.getUserMedia({audio:false,video:true},function(stream){

        document.getElementById("cam").src=window.URL.createObjectURL(stream);
        document.getElementById("cam").play();
        console.log(stream);

        document.querySelector("button").addEventListener("click",function () {
            document.getElementById("canvas").getContext("2d").drawImage(document.getElementById("cam"),0,0,400,400);
            document.getElementById("resim").src=document.getElementById("canvas").toDataURL("image/png");

var resimyolu=document.getElemntById("resim").src;

    $(document).ready(function(){ 

        $.post("post.php",{resim:resimyolu},function (data) {
        alert(data);

                });

            });

            });

        },function(error){alert(error);});

        } else {
        alert("dkhdkkskdkds");
        }

</script>
<meta charset="utf-8">
<title>Webcam</title>

</head>

<body>

<video id="cam" src="" height="400" width="600"></video><canvas height="400" width="400" id="canvas"></canvas><button>tomar foto </button> <img id="resim" n src="" height="400" width="400" />
</body>
</html>

conexión.php

<?php
$con=mysqli_connect("localhost","root","","usuarios") or die ("usuarios dhhdhd");
mysqli_set_charset($con,'utf8');

?>

post.php

<?php
sleep(1);
include("conexion.php");
$image=$_POST["resim"];

echo $image;
?>
en esta parte es donde no sale un aviso de dataimage como se muestra en el video yme meto la pagina y sale el siguiente error:

Notice: Undefined index: resim in C:\xampp\htdocs\webcamejem\post.php on line 4

ese el problema, sigo confundido ayuda por favor!!

1 Respuesta

1voto

Leonardo-Tadei Puntos208250

Hola @numero2222,

tenés 2 problemas, uno de sintaxis y otro de interpretación.

El de sintaxis es en la línea 39 de tu código, que dice:

var resimyolu=document.getElemntById("resim").src;

y debería decir:

var resimyolu=document.getElementById("resim").src;

La consola del navegador lo muestra claramente diciendo que no existe la función document.getElemntById()...
Luego de corregido esto, el script JS funciona bien. En la consola del navegador FF muestra un cambio de nombre de mozGetUserMedia pero lo reemplaza solo. Igual, es mejor usar los nombres actuales.

El de concepto es que si llamás directamente desde el navegador a post.php, no está recibiendo los parámetros POST, y al estar indefinida la posición del vector "resim" obtenés ese error en pantalla de "Undefined index".

No podés probar el funcionamiento de un script que espera recibir parámetros POST o GET sin enviarle esos parámetros de alguna manera.

Saludos cordiales!

numero2222 comentado Abr 15

buen día amigo, y muchas gracias por ver el error de sintaxis que tuve en la hora de transcribir el código, te lo gradezco y funciono muy bien.

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

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


Actividad Reciente

¿Eres Usuario Apple?

...

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

Conecta