Three.js: Textur von einer IP-Kamera

So habe ich einige Probleme, das Video einer Axis Camera in eine Textur zu setzen. Die Axis Kamera gibt das gewünschte Video in ein Bild zurück. Das Bild src ist die IP-Adresse der Kamera.

Ich wollte das Bild direkt in die Textur setzen, aber ich habe einen Fehler von der Cross-Origin-Ressource teilen ... Ich habe einige Nachforschungen über das Internet und ich fand diese link. Daher habe ich den exakt gleichen Code geschrieben und es hat gut mit der Webcam funktioniert, und die 71. Version von Three Js! Allerdings, wenn ich mit ihm meiner Achse Kamera testen will, wurde es mir den gleichen Fehler zu senden:Three.js: Textur von einer IP-Kamera

Uncaught SecurityError: Failed to execute 'texImage2D' on 'WebGLRenderingContext': Tainted canvases may not be loaded.

Hat jemand eine Idee hat, wie dieses Problem zu lösen?

Quelle

2016-08-09 Kenny Barraud

http://stackoverflow.com/questions/30945945/tainted-canvases-may-not-bela-cross-domain-issue-with-webgl-textures – Pawel

Nun, ich sehe schon das Thema und ich habe seins versucht Lösung, um das Attribut croosOrigin auf "anonymous" zu setzen, aber ich habe diesen Fehler: Uncaught InvalidStateError: Ausführen von 'drawImage' auf 'CanvasRenderingContext2D' fehlgeschlagen: Das angegebene HTMLImageElement befindet sich im 'defekten' Zustand. –

Ich bekomme es endlich! Es ist also ein CROS-Problem. Nur das crossOrigin-Image bei "anonymous" zu setzen war nicht die gute Lösung, da das CROS immer ein Problem war, da das Bild von einer anderen IP-Adresse stammen soll ... Also was ich machen musste ist nur einige Attribute zu Chrome setzen:

"C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" --disable-web-security --user-data-dir="D:\chrome"

Und das funktioniert! Sie müssen jedoch eine neue Verknüpfung erstellen, die ausschließlich für Ihre Arbeit bestimmt ist, und Sie dürfen diese nicht für die Suche im Internet verwenden!

Quelle

2016-08-09 13:20:51

Antwort

Verwandte Themen