Open jrhim12 opened 2 years ago
Looks like you have an older version of sdk installed
You will need to update compreface javascript sdk version to the latest(at this moment it is 1.0.0) or you can add {limit:10} as a second parameter in recognize function
recognitionService.recognize(blob,{limit:10})
import './App.css';
import {usestate} from 'react';
import UploadAndDisplayImage from './app1' import {useRef} from 'react';
import {CompreFace} from '@exadel/compreface-js-sdk';
function App() { const videoTag = useRef('null'); const canvasElement1 = useRef('null'); const canvasElement2 = useRef('null');
const drawFace = (canvasE1,faceData) =>{ const customEvent= new Event('next_frame', {'bubbles':true , "cancelable":false}); document.dispatchEvent(customEvent) let box=faceData.result[0].box; canvasE1.clearRect(0, 0, 640, 480) canvasE1.strokeStyle = "green"; canvasE1.linewidth = 10; canvasE1.strokeRect( box.x_min, box.y_min, box.x_max = box.x_min, box.y_max = box.y_min);
}
const handleVideoStart= () =>{ navigator.mediaDevices.getUserMedia({video:true}) .then(res => videoTag.current.srcObject = res) .catch(error =>console.error(error))
videoTag.current.addEventListener('play', ()=>{
; let ctx1=canvasElement1.current.getContext('2d'); let ctx2=canvasElement2.current.getContext('2d');
})
}
return (
); }
export default App;