Slide background

Layer Slider. Standbild wird regelmässig via FTP aktualisiert.

Slide background

Layer Slider. Standbild wird regelmässig via FTP aktualisiert.

Slide background

Layer Slider. Standbild wird regelmässig via FTP aktualisiert.

Slide background

Layer Slider. Standbild wird regelmässig via FTP aktualisiert.

Slide background

Layer Slider. Standbild wird regelmässig via FTP aktualisiert.

Slide background

Layer Slider. Standbild wird regelmässig via FTP aktualisiert.

Slide background

Layer Slider. Standbild wird regelmässig via FTP aktualisiert.

Slide background

Layer Slider. Standbild wird regelmässig via FTP aktualisiert.

Webcam Software

Anleitung wie Webcam in Website integrieren.

Standbild
Kompression: JPG
Standbild direkt ab Kamera
Integration ohne Webcam Software möglich, siehe unten
Live Stream direkt ab Webcam
Kompression: MJPEG
Bis zu 20 parallele Benutzer. Anzeige stoppt nach 60 Sekunden
Integration mit Worpress Plugin. Webcam Software siehe unten.
Webcam Baden - Busslingen - Rugghölzli 2, 5455 Remetschwil, Schweiz
Streaming Service
Kompression: H.264 over RTSP (nicht von allen Browsern unterstützt)
Flüssige Anzeige mit bis zu 25 Bildern pro Sekunde
Integration mit anglecam.com, siehe unten
Hosting Service
Kompression: JPG
Bild wird jede Minute aktualisiert
Integration mit Hosting Services, siehe unten

Anleitung wie Webcam in Website integrieren

Konfiguration Internet Anschluss und Webcam

  1. Der Webcam muss eine statische IP-Adresse zugewiesen werden.
  2. In der Axis Kamera einen Viewer Account ohne Adminrechte einrichten. Falls kein Passwort verwendet werden soll unter System Option>Security>User>User Settings „Enable anonymous viewer login“ aktivieren.
  3. Webcam Portweiterleitung in der Firewall oder im DSL-Router konfigurieren. Mehr Angaben zu Portweiterleitungen haben wir bereits in einem früheren Blog veröffentlicht. Beispiel:
    Webcam IP-Adresse im LAN: 192.168.10.99 und Port 80 (Standard http Port)
    Webcam öffentliche IP Adresse: 65.61.178.130 und Port 9000
    Portweiterleitung von extern zur Kamera: 65.61.178.130:9000 –> 192.168.10.99:80
  4. Falls keine fixe IP-Adresse vorhanden ist muss zwingend ein dynamischer DNS Service in der Firewall oder im DSL-Router konfiguriert werden. Mit einem Service wie er z.B. von http://dyn.com/ angeboten wird, kann die dynamische IP-Adresse des Internet Anschlusses mit einer statischen Domäne dauerhaft erreichbar gemacht werden. Beispiel:
    Die dynamisch IP-Adresse und Port: 65.61.178.130:9000 wird dauerhaft durch eine Domäne wie kamera.gotdns.com:9000 erreichbar gemacht

Webcam Software und HTML Code für Integration in Website

Code Beispiele anhand einer Axis Q1615-E, jeweils passend zu obigem Live Bild/Stream.

HTML Code zur Anzeige eines statischen Bildes, am Beispiel einer Axis Kamera
<img title=“Webcam“ src=“http://kamera.gotdns.com:9000/axis-cgi/jpg/image.cgi?resolution=480×270″ alt=“Webcam“ />

WordPress Plugin für Live MJPEG Stream Anzeige (kostenloser Download)

timeout_sec: Parameter nach welcher Zeit in Sekunden der Live Stream gestoppt werden soll.

Integration von H.264 over RTSP mit angelcam.com
Kamera Stream Profile konfigurieren: z.B. c2s mit einer Auflösung von 480×360 Pixel und H.264 Kompression
Auf angelcam.com die folgende Syntax bei der Camera address verwenden: rtsp://kamera.gotdns.com:9000/axis-media/media.amp?streamprofile=c2s
Auf der Website auf welcher der Stream angezeigt werden soll den Embedd Code von angelcam.com einfügen. Beispiel: <script type=“text/javascript“ async src=“//avisec-webcam.click2stream.com/?type=javascript&width=640&height=440″></script><div id=“player_avisec-webcam“></div>

Integration mit Teleport.io
Im Teleport Portal unter IP Camera/Image Source die folgende URL eingeben: http://kamera.gotdns.com:9000/axis-cgi/jpg/image.cgi?resolution=1280×960
Das Capture Intervall konfigurieren. Intervall von 1 Sekunde bis 4 Stunden frei konfigurierbar.
Die Kamera via iFrame in die Website integrieren. Beispiel Code: <iframe width=“640″ height=“360″ src=“//www.teleport.io/feed-player/91n20ajzkowf8kz0suftwyrqknjjfe0ikhkgq5eqa“ frameborder=“0″ allowfullscreen></iframe>