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!!