Hallo,
ich habe eine IN-4011 und möchte deren Bild gerne auf meiner Website einbinden.
Da es von Instar eine vorgefertigte HTML Datei gibt, habe ich diese für meine Kamera konfiguriert.
Wenn ich nun die Website lade, dann zeigt es mir nur den Rahmen an.
Wenn ich mich bei meiner Kamera in das Webinterface einlogge, dann dauert es ein paar Sekunden, bis die Seite geladen wird.
Kann ich auf meiner Website die Ladezeit des Bildes einstellen bzw welche Alternativen habe ich?
Kann es sein, dass ich bei der Konfiguration einen Fehler gemacht habe?
Hier der HTML Code:
<!DOCTYPE html>
<html>
<head>
<title>INSTAR HD Kamera - WebUI</title>
<style>
div.mjpeg{
position: absolute;
left: 10px; top: 10px;
border: solid 1px black;
width: 1280px; height: 720px;
z-index: 0;
}
</style>
<script>
var isChrome = false;
//if (window.chrome) {
// isChrome = true;
//}
////////////////////////////////////////////////////////////////////////////////
// DIESE PARAMETER M†SSEN ENTSPRECHEND AN DIE IHRER KAMERA ANGEPASST WERDEN
// START KAMERA PARAMETER
////////////////////////////////////////////////////////////////////////////////
var url = ‚ramo88.ddns-instar.de:85‘;
var streamnum = 11; // Videostream user 11 for 1280 x 720 pixel, 12 for 640 x 352 pixel and 13 for 320 x 176 pixel resolution
var name0 = ‚test‘; // Camera Username
var password0 = ‚test‘; // Camera Password
////////////////////////////////////////////////////////////////////////////////
// ENDE KAMERA PARAMETER
////////////////////////////////////////////////////////////////////////////////
function body_onload(){
if (streamnum == 11) {
document.getElementById(‚imgDisplay‘).src = ‚http://‘ + url + ‚/tmpfs/snap.jpg?usr=‘+name0+’&pwd=’+password0+’&’+(new Date()).getTime();
w = 1280; h = 720;
}
else if (streamnum == 12) {
document.getElementById(‚imgDisplay‘).src = ‚http://‘ + url + ‚/tmpfs/auto.jpg?usr=‘+name0+’&pwd=’+password0+’&’+(new Date()).getTime();
w = 640; h = 352;
document.getElementById(‚videoMJPEG‘).style.width = w + ‚px‘;
document.getElementById(‚videoMJPEG‘).style.height = h + ‚px‘;
}
else if (streamnum == 13) {
document.getElementById(‚imgDisplay‘).src = ‚http://‘ + url + ‚/tmpfs/auto.jpg?usr=‘+name0+’&pwd=’+password0+’&’+(new Date()).getTime();
w = 320; h = 176;
document.getElementById(‚videoMJPEG‘).style.width = w + ‚px‘;
document.getElementById(‚videoMJPEG‘).style.height = h + ‚px‘;
}
}
function load_video(){
window.status=" „;
setTimeout(„reload_image()“,40);
}
function reload_image(){
var xx = new Image();
if (streamnum == 11) {
xx.src = ‚http://‘ + url + ‚/tmpfs/snap.jpg?usr=‘+name0+’&pwd=’+password0+’&’+(new Date()).getTime();
}
else if (streamnum == 12) {
xx.src = ‚http://‘ + url + ‚/tmpfs/auto.jpg?usr=‘+name0+’&pwd=’+password0+’&’+(new Date()).getTime();
}
else if (streamnum == 13) {
xx.src = ‚http://‘ + url + ‚/tmpfs/auto.jpg?usr=‘+name0+’&pwd=’+password0+’&’+(new Date()).getTime();
}
document.getElementById(„imgDisplay“).src = xx.src;
window.status=“ ";
}
</script>
</head>
<body onload=„body_onload()“>
<div class=„mjpeg“ id=„videoMJPEG“>
<img alt=„video“ id=„imgDisplay“ name=„imgDisplay“ onload=„load_video()“ onerror=„load_video()“ style=„z-index: 10“/>
</div>
</body>
</html>
Die Zugangsdaten für die Kamera sind, wie oben beschrieben:
ramo88.ddns-instar.de:85
Username: test
Passwort: test
Vielleicht kann mir jemand weiterhelfen - Danke im Vorraus