• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Instar 7011 Kamera in eigene Webseite integrieren.

gatomio

gatomio

Neues Mitglied
Hallo, ich bin langsam verzweifelt. Selbst die Instar Hotline ist überfordert.
Ich habe mir eine Instar 7011 Ip Kamera mit dns Server von Instar gekauft um den Nutzern meiner Webseite ein Livestream anzubieten. Die Kamera läuft und auf der Instar Seite ist alles ok. Ich möchte aber das Bild und die Steuerbefehle auf meiner Webseite integrieren. Leider bin ich ziemlich schlecht in HTML und das was Instar da als HTML code anbietet geht gar nicht. Ich arbeite mit der Software Serif Webplus X7.
Hier mal der Code:

<!-- Header Code -->
<!--Header code for HTML-Fragment frag_23 -->

<!-- HTML-Fragment frag_23 -->
<!--Preamble for HTML-Fragment frag_23-->
<div __AddCode="here" style="position:absolute;left:0px;top:41px;width:463px;height:469px;/*Add Style*/">
<!DOCTYPE html>
<html>
<head>
<title>INSTAR HD Kamera - WebUI</title>
<style>
div.mjpeg{
position: absolute;
left: 10px; top: 10px;
border: solid 1px black;
width: 640px; height: 352px;
z-index: 0;
}
</style>
<script>
////////////////////////////////////////////////////////////////////////////////
// DIESE PARAMETER M†SSEN ENTSPRECHEND AN DIE IHRER KAMERA ANGEPASST WERDEN
// START KAMERA PARAMETER
////////////////////////////////////////////////////////////////////////////////
var url = "http://nave67.ddns3-instar.de";
var streamnum = 12; // Videostream user 11 for 1280 x 720 pixel, 12 for 640 x 352 pixel and 13 for 320 x 176 pixel resolution
var name0 = ""; // Camera Username
var password0 = ""; // Camera Password
////////////////////////////////////////////////////////////////////////////////
// ENDE KAMERA PARAMETER
////////////////////////////////////////////////////////////////////////////////
function body_onload(){
if (streamnum == 11) {
if (typeof (window.ActiveXObject) == "undefined") {
document.getElementById('imgDisplay').src = 'http://' + name0 + ':' + password0 + '@' + url + '/tmpfs/snap.jpg?'+(new Date()).getTime();
}
else{
document.getElementById('imgDisplay').src = 'http://' + url + '/tmpfs/snap.jpg?'+(new Date()).getTime();
}
w = 1280; h = 720;
}
else if (streamnum == 12) {
if (typeof (window.ActiveXObject) == "undefined") {
document.getElementById('imgDisplay').src = 'http://' + name0 + ':' + password0 + '@' + url + '/tmpfs/auto.jpg?'+(new Date()).getTime();
}
else{
document.getElementById('imgDisplay').src = 'http://' + url + '/tmpfs/auto.jpg?'+(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) {
if (typeof (window.ActiveXObject) == "undefined") {
document.getElementById('imgDisplay').src = 'http://' + name0 + ':' + password0 + '@' + url + '/tmpfs/auto.jpg?'+(new Date()).getTime();
}
else{
document.getElementById('imgDisplay').src = 'http://' + url + '/tmpfs/auto.jpg?'+(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) {
if (typeof (window.ActiveXObject) == "undefined") {
xx.src = 'http://' + name0 + ':' + password0 + '@' + url + '/tmpfs/snap.jpg?'+(new Date()).getTime();
}
else{
xx.src = 'http://' + url + '/tmpfs/snap.jpg?'+(new Date()).getTime();
}
}
else if (streamnum == 12) {
if (typeof (window.ActiveXObject) == "undefined") {
xx.src = 'http://' + name0 + ':' + password0 + '@' + url + '/tmpfs/auto.jpg?'+(new Date()).getTime();
}
else{
xx.src = 'http://' + url + '/tmpfs/auto.jpg?'+(new Date()).getTime();
}
}
else if (streamnum == 13) {
if (typeof (window.ActiveXObject) == "undefined") {
xx.src = 'http://' + name0 + ':' + password0 + '@' + url + '/tmpfs/auto.jpg?'+(new Date()).getTime();
}
else{
xx.src = 'http://' + url + '/tmpfs/auto.jpg?'+(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>
</div>
<!--Postamble for HTML-Fragment frag_23-->

Leider bekomme ich nur einen rechteckigen Rahmen mit dem Wort Video oben links in der Ecke.
(Passwort und Nutzername habe ich hier rausgenommen.)
Die URL kann ich normal mit der Adresse mit dem IE aufrufen.
Wer kann mir sagen was da schief läuft?

Des weitern haben die mir von Instar gesagt das ich die CGI Steuerbefehle für die Kamera per Hyperlink und Schaltfläche nutzen kann. Wenn ich die aber Anklicke ght immer einen neue Seite auf und oben in der Ecke steht:
[Succeed]set ok.
Auch hier für brauch ich mal Hilfe wie man CGI Befehle ausführt.

Danke!!
 
Werbung:
Meine Vermutung wäre, dass das JavaScript einen Fehler wirft. Das kannst Du in der JavaScript-Konsole deines Browsers erkennen. Ohne Link zur Seite kann dir hier niemand dabei helfen.

Und was die 2. Frage angeht: wende dich besser an den Herstellersupport.
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben