Gesichtserkennung

[new_in_Js]

Hallo brauch Hilfe,

habe eine Gesichtserkennung mit JavaScript geschrieben.

Wenn ich in visual Studio Code das Programm im Netz aufrufe funktiniert es einwand frei. Offnen ich die Datei vom PC im Netzt oder von meinen Server dann bekomme ich die Fehlermeldung (siehe Anhang).

Bitte um Hilfe.

Vielen Dank


Code:

const video = document.getElementById('video')


Promise.all([
  
  src="models./face_expression_model-weights_manifest.json",
  src="models./face_landmark_68_tiny_model-weights_manifest.json",
  src="models./face_recognition_model-weights_manifest.json",
  src="models./tiny_face_detector_model-weights_manifest.json"
  
]).then(startVideo);



function startVideo() {
    navigator.mediaDevices.getUserMedia(
    { video: {} },
    stream => video.srcObject = stream,
    err => console.error(err)
  )
} 




document.addEventListener("DOMContentLoaded", function() { 
  const canvas = faceapi.createCanvasFromMedia(video)
  document.body.append(canvas)
  const displaySize = { width: video.width, height: video.height }
  faceapi.matchDimensions(canvas, displaySize)
  setInterval(async () => {
    const detections = await faceapi.detectAllFaces(video, new faceapi.TinyFaceDetectorOptions()).withFaceLandmarks().withFaceExpressions()
    const resizedDetections = faceapi.resizeResults(detections, displaySize)
    canvas.getContext('2d').clearRect(0, 0, canvas.width, canvas.height)
    faceapi.draw.drawDetections(canvas, resizedDetections)
    faceapi.draw.drawFaceLandmarks(canvas, resizedDetections)
    faceapi.draw.drawFaceExpressions(canvas, resizedDetections)
  }, 100) 
});

Fehler:

face-api.min.js:22365 Uncaught Error: createCanvasFromMedia - media has not finished loading yet
at Object.dv [as createCanvasFromMedia] (face-api.min.js:22365)
at HTMLDocument.<anonymous> (script.js:27)

 

[mikdoe]

Zwar kann ich zu deiner Umgebung nichts sagen aber "not finished loading" könnte vlt. ein Berechtigungsfehler sein?