Zur Vorbereitung des Livestreams mit VisionGS erstellen Sie zweckmäßigerweise lokal (auf Ihrem Rechner) ins Hauptverzeichnis Ihrer Homepage einen neuen Ordner " visiongs " und in ihn die VisionGS - Dateien :
1. die Seite für VisionGS, die auch der Besucher sieht und die als ein Element Ihren Livestream beinhaltet - "visiongs_iframe.htm", d.h. eine klassische HTML - Seite mit Ihrem Layout, angepasster Navigation, ggf. einer Statusanzeige und vor allem aber mit dem String zum Einfügen eines Inline - Frames an beliebiger Stelle der Seite :
<iframe src="visiongs_js.htm" height="240" width="320" scrolling="no" hspace="0" vspace="0"></iframe>
Eine Möglichkeit sahen Sie bereits zu Beginn dieses Beitrags selbst - direkt in einen Screenshot vom Programm VisionGS habe ich den Livestream von VisionGS eingefügt. Dabei habe ich ein Bild zerschnitten, mittels HTML wieder zusammengesetzt und an zentrale Stelle das Inline - Frame mit dem Livestream von VisionGS eingefügt. Ein weiteres Beispiel der VisionGS - Wiedergabe sehen Sie hier und ein Muster steht für Sie unter visiongs_iframe.htm im Netz. Erkennen Sie selbst im Body des Quelltextes die Parameter und beachten Sie den Pfad.
Powered by VisionGS Webcam
2. eine html-Seite bzw. das Frame selbst - "visiongs_js.htm". Diese Seite trägt das VisionGS - Webcam - Bild selbst, muss also den String für das Applet und damit zur Darstellung des Livestreams mit VisionGS beinhalten:
<script language=JavaScript>
newImg = new Image();
var imgsrc = "";
function StreamLoad()
{
uniq = new Date();
uniq = uniq.getTime();
document.images.visiongs.src=newImg.src;
newImg.src=imgsrc+"?"+uniq;
}
function StreamInit()
{
imgsrc = document.images.visiongs.src;
uniq = new Date();
uniq = uniq.getTime();
newImg.onload=StreamLoad;
newImg.onerror=StreamLoad;
newImg.src=imgsrc+"?"+uniq;
document.images.visiongs.onload="";
}
document.write('<img src="http://{ip}:80/video/pull-1" name=visiongs onload="StreamInit()"
width=320 height=240>');
</script>
Das verwendete Javascript beinhaltet einen Platzhalter {ip} für die aktuelle IP-Adresse, verlangt den HTTP- Server- Port 80, der im Programm selbst, aber auch in Router und Firewall geöffnet sein muss und legt die Bildgröße 320x240 Pixel fest.
