Estoy tratando de usar la biblioteca face-api.js para detectar emociones en una transmisión de cámara web en vivo. Funciona perfectamente en un entorno local, pero cuando intento alojarlo en AWS Amplify, me da un error como
Uncaught (in promise) Error: Based on the provided shape, [1,1,16,32], the tensor should have 512 values but has 231Este es el código que intenta cargar los modelos:
useEffect(() => { if(checked){ const MODEL_URL = './models'; const initModels = async () => { await face.nets.tinyFaceDetector.loadFromUri(MODEL_URL); await face.nets.faceLandmark68Net.loadFromUri(MODEL_URL); await face.nets.faceRecognitionNet.loadFromUri(MODEL_URL); await face.nets.faceExpressionNet.loadFromUri(MODEL_URL); enableWebcam(); } initModels(); } }, [checked]);Estos son los modelos que se encuentran en la carpeta ./public :
Descubrí que las personas tenían un problema similar aquí e intenté la solución al intentar cambiar todos los archivos de fragmentos a una extensión de archivo .shard o .bin y cambié el manifest.json en consecuencia, pero todavía me da el mismo error.
He estado tratando de depurar esto todo el día, pero parece que no puedo encontrar una solución. Cualquier ayuda para señalarme en la dirección correcta sería muy apreciada. Esta es la primera vez que trabajo con modelos ML en un entorno de aplicación web utilizando React y AWS.
Bien, después de horas de intentar depurarlo, la solución fue bastante simple. Solo tuve que cargar los modelos de una manera diferente, como se muestra aquí:
useEffect(() => { if (checked) { const MODEL_URL = `/models` const initModels = async () => { Promise.all([ face.loadTinyFaceDetectorModel(MODEL_URL), face.loadFaceLandmarkModel(MODEL_URL), face.loadFaceRecognitionModel(MODEL_URL), face.loadFaceExpressionModel(MODEL_URL) ]).then(enableWebcam); } initModels(); } }, [checked]);