Estoy intentando crear una aplicación para detectar una pelota y otro objeto mientras graba un video, digamos una raqueta, y estos objetos deben estar en FOV de la cámara todo el tiempo para activar una función que luego toma la velocidad promedio de la pelota. Establecí un sitio que solicita permiso para acceder a la cámara web y lo muestra en la pantalla, mientras hace un botón de grabación y todo. Sin embargo, mis problemas comienzan a aparecer en mi Javascript. EDIT: Start Recording contains id="togglerecordingmodeEl" onclick="toggleRecording()" HTML: Start Recording

Avance

JavaScript:

 let video = null; // video element let detector = null; // detector object let detections = []; // store detection result let videoVisibility = true; let detecting = false; const toggleRecordingEl = document.getElementById('toggleRecordingEl'); function toggleRecording() { if (!video || !detector) return; if (!detecting) { detect(); toggleDetectingEl.innerText = 'Stop Detecting'; } else { toggleDetectingEl.innerText = 'Start Detecting'; } detecting = !detecting; } function detect() { // instruct "detector" object to start detect object from video element // and "onDetected" function is called when object is detected detector.detect(video, onDetected); } // callback function. it is called when object is detected function onDetected(error, results) { if (error) { console.error(error); } detections = results; }

En resumen, quiero que primero reconozca dos objetos en el FOV, y solo si estos dos objetos están en el FOV, entonces puedo trabajar en una nueva función. He usado https://medium.com/the-web-tub/object-detection-with-javascript-the-easy-way-74fbe98741cf & https://developer.mozilla.org/en-US/docs/Web /API/MediaStream_Recording_API/Recording_a_media_element para construir esta aplicación hasta el momento.