Die Seite GrandTec
WiFi PTZ existiert ebenfalls als Musterseite zum Test verschiedener IP-Netzwerk-Kameras.
Hier publiziere ich eine Lösung für eine steuerbare Grandtec
IP-Netzwerk-Kamera mit JavaScript und PTZ (PAN/ TILT) - Steuerelementen als Hperlinks.
Vom Hersteller wird die WLAN- IP- Kamera auch als "Grand PAN/ TILT Wi-Fi Camera" vertrieben. Besuchen Sie die Links und informieren Sie sich rund um die ferngesteuerte Kamera. Auch diese Netzwerk- Kamera wird mit dem Internet- Explorer zuerst per Netzwerk- Kabel eingerichtet, die Wiedergabe und Speicherung zur kommerziellen Überwachung erfolgt mittels spezieller Sicherheitssoftware im DivX- Format - Grand Guard..
Die hier gezeigte Variante soll die Darstellung auf der eigenen
Homepage und den Zugang beliebiger User- Browser möglichst einfach und ohne den
Download zusätzlicher Sicherheitssoftware Im Internet Explorer und in den
Mozillas (Netscape, Firefox, Opera und Co.), aber auch in Javascript- tauglichen
mobilen Browsern gewährleisten.
Grandtec Grand WiFi PTZ: Wiedergabe mit Javascript und Steuerelementen
|
Trennen Sie gedanklich und praktisch die Darstellung der Grand PAN/ TILT Wi-Fi Camera auf der eigenen Website wie immer in zwei Elemente:
* den Wiedergabestring bzw. das Javascript für die Wiedergabe (hierzu sollten Sie auch die beiden vorhergehenden Seiten lesen) und
* die Elemente zur Steuerung bzw. Fernbedienung der Servomotoren (der Zoom in 15 Stufen ist leider nur digital).
Für den Wiedergabestring zur Dynamisierung (= in Bewegung versetzen) der einzelnen Frames kann das hier verwendete Javascript, wiederum aber auch die ganze Palette von Webcam- HTML (über die Navigation) eingesetzt werden. Alle verwenden den Pfad zu unserem Einzelbild: http://user:passwort@ip:port/still.jpg .
Da sich mit Sicherheitsupdates der Browsersoftware Internet Explorer, aber auch bei den Mozillas, die Möglichkeiten bereits wiederholt geändert wurden, füge ich jetzt (Februar 2010) zusätzliche eine unsichtbare Statusprüfung mit Eingabe der Zugangsdaten Benutzer / Passwort ein.
<img src="http://user:passwort@ip:port/still.jpg" width="1" height="1"
onError="location.href='offline.htm'">
Das hier zur Demonstration hier eingesetzte JavaScript für eine Grandtec- WiFi- IP- PTZ- Netzwerk-Kamera folgt diesem angepassten! String und ist im Quelltext erkennbar. Es kann auf nochmalige Präfixe "user:passwort@" verzichten:
<script language="javascript">
<!--
errorimg1= 0;
function LoadImage1()
{
uniq1 = Math.random();
document.images.angelpage.src = "http://ip:port/still.jpg?uniq="+uniq1;
}
function ErrorImage1()
{
errorimg1++;
if (errorimg1>1){
document.images.angelpage.onload = "";
document.images.angelpage.src = "http://www.angelpage.de/webcam/error.jpg";
}else{
document.images.angelpage.src = "http://ip:port/still.jpg?uniq="+uniq1;
}
}
function angelcam1()
{
errorimg1=0;
window.setTimeout("LoadImage1();", 15);
}
document.write('<img src="http://www.angelpage.de/webcam/loading.jpg"
id="angelpage" name="angelpage" onload="angelcam1()" onerror="ErrorImage1()"
width=320 height=240;" alt="Grandtec- WiFi- PTZ- Livestream mit
Steuerung und Statusanzeige">');
//-->
</script>
Auch dieses Javascript zur Grandtec- Wiedergabe sollte natürlich an Ihre Bedingungen angepasst werden:
* 2x den absoluten, d.h. kompletten Pfad zum eigenen "Schnappschuß"- Bild "still.jpg" incl. den Zugangsdaten für den User, das Passwort, die IP-Adresse und der verwendeter Video-Port (fürs einzelne Frame) - http://user:passwort@ip:port/still.jpg ,
* zum eigenen, ständig erreichbaren Offline- Bild "error.jpg" und
* zum eigenen Startbild "loading.jpg".
Erst wenn die Livestream- Darstellung der Grandtec Grand WiFi PTZ im Browser
klappt, gehen wir die zweite Etappe an:
Völlig unabhängig von der Grandtec Grand WiFi PTZ- Wiedergabe des Livestreams realisieren wir die horizontale und vertikale PAN/ TILT - Steuerung PT der integrierten mechanischen Servomotoren der Kamera und die Regulierung des digitalen, d.h. virtuellen Zoom.
Damit die Steuerung in beliebigen Browsers, auch ohne ActiveX und Internet Explorer erfolgen kann, verwenden wir simple Hyperlinks, die der besseren Ordnung halber in HTML- Tabellenform geordnet werden. So erlauben wir beim Besucher keine Verzerrungen unseres Steuer- Layouts.
Man benötigt dazu wiederum möglichst eigene Buttons/ Images als Richtungs- bzw. Steuerpfeile, ein unsichtbares Inline- Frame als Dummy und Kenntnis über den prinzipiellen Aufbau eines Steuer- Links (Hyperlinks). Eine Design- Variante zur Steuerung mit meinen eigenen Pfeilen und Buttons erkennen Sie oben direkt unter dem Kamerabild.
Für das unsichtbare Inline- Frame genügt im Quelltext des Body dieser Seite:
<iframe src="" height="0" width="0" name="dummy" frameborder="0">Durch Aufruf
des Dummy- Inline- Frames als Ziel/ target für die Steuer- Links verbleibt der
Besucher auf dieser Wiedergabeseite</iframe> .
Ein kompletter Pfad im Link zum Aufruf des jeweils gewünschten CGI- Scripts (dieses steuert dann direkt die Schrittmotoren in der Grandtec Grand WiFi PTZ)
http://user:passwort@ip:port/Pantiltctrl.cgi?DirMove=1 .
Ein kompletter String zur Steuerung über einen Button, z.B. "(Horizontal) nach links schwenken" würde dann so aussehen:
<a target="dummy" href="http://user:passwort@ip:port/Pantiltctrl.cgi?DirMove=1" title="links schwenken"><img src="remote/left.gif" alt="links schwenken"></a>
Mehr über die Grandtec WiFi PTZ dann im Webcam- Forum . Nutzen Sie aber auch alle Quellen des Herstellers bzw. die beiliegende CD mit dem ausführlichen User- Manual und der Überwachungssoftware.
Und beachten Sie auch hier: zur ernsthaften Verwendung der Grandtec Grand WiFi PTZ zur Überwachung und für Alarmierungen benötigen Sie meine Hinweise nicht. Sie sollten dann besser das Standard- Menü der Kamera im Browser und die beigelegte Überwachungssoftware WalkGuard IP Cam verwenden, wie vom chinesischen Hersteller und Entwickler Grandtec vorgesehen.
