Mit JavaScript und AJAX versuche ich auf eine IP-Cam zuzugreifen. Was leider nicht funktioniert, da der Browser dies verhindert (siehe Meldung unten). Ausgangspunkt: Diese Seite[1] habe ich so verstanden, dass durch das Setzen des Flags withCredentials der Browser einen "Quellübergreifende (Cross-Origin) Anfrage" zuläßt. JavaScript-Auszug:
1 | ...
|
2 | xmlHttp.open('GET', URL, true); |
3 | xmlHttp.withCredentials = true; |
4 | xmlHttp.setRequestHeader("Authorization", "Basic " + btoa(userpass)); |
5 | ...
|
Browsermeldung (Konsole):
1 | Quellübergreifende (Cross-Origin) Anfrage blockiert: Die Gleiche-Quelle-Regel verbietet das Lesen der externen Ressource auf http://192.168.178.20/cgi/jpg/image.cgi. (Grund: CORS-Kopfzeile 'Access-Control-Allow-Origin' fehlt). |
Warum blockiert der Browser den Zugriff? [1] https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest/withCredentials