Buenos dias, venia a pedir ayuda les agrasezco de antemano.
Se trara de capturar una imagen con la camara web y html5, todo bien, pero lo que quiero es mandar esa imagen a un ala base de datos y guardarla en una carpeta.
alguien me puede orientar como hacerlo?, dejo el codigo que tengo.
Código PHP:
<video autoplay></video>
<input type="button" value="snaphsot!" id="snap" />
<canvas id="capa"></canvas>
<script>
navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia || navigator.msGetUserMedia;
// Definición de variables globales
var localUserMedia = null;
var canvas = document.querySelector('canvas');
var video = document.querySelector('video');
var ctx = canvas.getContext('2d');
// Cuando cargamos el vídeo guardamos la relación
// de aspecto y ajustamos el tamaño del canvas
// para que se mantenga
video.addEventListener('loadedmetadata', function (e) {
var relation = e.target.videoWidth / e.target.videoHeight;
canvas.width = 300;
canvas.height = 300 / relation;
}, false);
// Capturamos el frame actual del video
document.getElementById('snap').addEventListener('click', function (e) {
if (localUserMedia) {
ctx.drawImage(video, 0, 0, canvas.width, canvas.height);
alert(localUserMedia);
}
}, false);
// Callback de error de getUserMedia
var onErrorCallback = function (e) {
console.log('Error!', e);
};
// Capturamos el video con getUserMedia y lo
// mandamos a un vídeo
navigator.getUserMedia({ video: true }, function (localMediaStream) {
var video = document.querySelector('video');
video.src = window.URL.createObjectURL(localMediaStream);
localUserMedia = localMediaStream;
}, onErrorCallback);
</script>