Webcam einbinden

He Jungs danke! Das ist die geilste Sache die ich in letzter Zeit ins Webfront eingebaut habe! Ohne Umweg zu den Livebildern der Cams, kein Traffic wenn die Seite nicht geöffnet ist und die Bilder funktionieren tatsächlich im IFront App auch? Dann ist das Teil sofort gekauft. Muss nur noch das IPhone upgraden :smiley:

:loveips:

Habe auch eine Foscam
Das mit dem einbinden im IFront funktioniert.
Wenn ich die Seite aber im Firefox übers WebFront aufrufe bekomme ich nur
das ein Plugin installieren werden soll kein Livestream.
Gibts da noch einen Trick ??

Danke
Bruno

Habs schon gefunden bei meiner Kamera brauche ich den img Tag
<img src=„http://10.0.0.81/videostream.cgi?user=admin&pwd=xxxx“ style=„width: 640px; height: 480px;“ >
<img src=„http://10.0.0.82/videostream.cgi?user=admin&pwd=xxxx“ style=„width: 640px; height: 480px;“ >
und wenn man in der Stringvarible das ganze 2x Aufruft hat man 2.Kameras nebeneinander funktioniert auch im Ifront
allerding dann untereinander
Gruß
Bruno

Hallo,

ist es eigentlich möglich im iFront die Seite zwei zuteilen, so dass man oben durch die Instanzen etc. scrollen und schalten kann und unten gleichzeitig die Reaktionen auf der Cam sieht…?

hallo nochmal,

ich kämpfe gerade mit der ALLNET ALL2281.
ich binde folgenden code ein

<embed src="http://192.168.178.23:90/cgi/mjpg/mjpg.cgi?user=admin&pwd=xxxx" style="width: 100%; height: 100%;" ></embed>

Leider bekomme ich nur im WebFront ein Bild jedoch nicht im iFront.
Mit dem img Tag habe ichs auch bereits versucht.
Muss irgendwas noch anders sein?

Läuft…
Http://user:Passwort@… Ist die Lösung. Hinten dann weglassen.

Hi Schmiddi, InternetExplorer zum Webfront geht auch? Kämpfe schon seit Tagen damit und bekomme es nicht hin (Habe auch die Foscam)!

Gruß aus NÖ in die schöne Steiermark!

Hallo Rubberduck habs gerade mal probiert geht anscheinend nicht

im Firefox u Ipad (Safari) ,Google Chrom kein Problem

Ich nutze den IE nicht oder nur selten

Gruß
Bruno

Hi,
ich kann bestätigen, das es mit einer (fernsteuerbaren) Edimax mit

<img src=„http://User:Passwort@Kamera-URL/snapshot.cgi“ style=„width: 100%; height: 100%;“ >

sowohl im Webfront als auch in der iFront-App funktioniert - das Bild wird fast in Echtzeit aktualisiert. Wenn man jetzt noch die Dreh- und Schwenkbefehle absetzen könnte (laufen bei Edimax nur mit einem ActiveX-Plugin im IE)…
Grüße
Martin

Bei mir seltsamerweise nicht ganz.

'<img src="http://xxxxxx:yyyyyyy@dyndns-adresse/cgi/mjpg/mjpg.cgi" style="width: 100%; height: auto;" >';

zeigt für meine ALLNET2282 zwar in iFront ein Livebild an aber im Webfront bleibt die HTML-Box leer.

Hat jemand eine Idee?

Browser ist der aktuelle Firefox.

Bitte gebe einfach die Höhe und Breite in PX an, statt als Auto. Dann geht es.

Dieser Code funktioniert in iFront, Google Chrom und Firefox. Leider nicht im IE.

<img src=„http://192.168.178.8/videostream.cgi?user=admin&pwd=xxxx“ style=„width: 640px; height: 480px;“ >

Zum IE habe ich nichts gefunden. Vermutlich muß man den Mediaplayer einbinden und den Livestream übergeben.

Dieser Code funktioniert in iFront, Google Chrom, nicht im Firefox und IE. Ich habe aber den Eindruck, daß das Bild sich im App von iFront schneller aufbaut.
<embed src=„http://192.168.178.8/videostream.cgi?user=admin&pwd=xxxx“ style=„width: 640px; height: 480px;“ ></embed>

Hans-Werner

Habe mit meiner Intellinet-Kamera alles versucht. Aber sie weigert sich standhaft mjpg an das Webfront auszuliefern. Hat jmd. Erfolge mit der Kamera?

Gruss, Hans-Christian

Hallo zusammen,

Ich habe nun herausgefunden, dass meine Edimax IC7000PT (= Pan Tilt, also dreh- und schwenkbar) entgegen der Edimax-Verlautbarungen auch ohne ActiveX-Plugin und IE steuerbar ist, und zwar aus Webfront und iFront.
Während der Live Stream mit der w.o. von mir geposteten Zeile (<img src=„http://User:Passwort@Kamera-URL/snapshot.cgi“ style=„width: 100%; height: 100%;“ >) eingebunden wird, werden die Tilt- und Shift-Befehle (und auch andere, etwa zur Auflösungseinstellung) so aufgerufen:
http://Kamera-URL/camera-cgi/com/ptz.cgi?move=down
http://camera_ip/camera-cgi/com/ptz.cgi?move=up

usw.

Mein Problem bzw. meine Frage an die Experten: Für Webfrot und die iFront App möchte ich natürlich den Stream und die Steuermöglichkeiten auf einer Seite haben, also live sehen, wenn ich die Kamera schwenke, Wenn ich die Bewegungsbefehle aber als <a href=…> einbinde, „öffnet“ sich bei Klick die im Link enthaltene „Seite“, die natürlich leer ist - und der Stream ist weg.
Wie könnte ich die Befehle in die HTML Box so einbinden, dass sie zwar an die Kamera geschickt werden, die Seite mit dem Stream aber stehen bleibt?
Grüße
Martin

PS.
Wen es interessiert: die komplette Befehlsliste findet man hier, natürlich funktionieren bei diesem meinem Modell nicht alle Befehle (z.B. Zoom). Die Befehle scheinen auch mit vielen Modellen anderer Anbioeter zu funktionieren, die offensichtlich dieselbe (Axis-?)Server-Software nutzen.

Hi DocMarten,

klasse infos! hab vor Wochen mal mit der Edimax rumgespielt und die dann links liegen lassen. dank Deiner Infos wirds auch für mich wieder interessant.

Kann es sein, dass die Stream-Wiedergabe nur im Feuerfuchs funktioniert?

-Opera und IE hab ich probiert, da bekomme ich nur ein Standbild.

Wie könnte ich die Befehle in die HTML Box so einbinden, dass sie zwar an die Kamera geschickt werden, die Seite mit dem Stream aber stehen bleibt?

z.B. in der HTMLBox Buttons anlegen welche über javascript deine Kamera steuern.

@ Raketenschnecke: Stimmt, im IE zeigt das Webfront nichts an. Aber wenn Du IE benutzt, hast Du ja wesentlich elegantere Möglichkeiten, die Edimax einzubinden: Ich habe die Steuerung in einem Container entsprechender Breite (so dass eben nur der Steuer-Frame angezeigt wird) links, indem ich dort das Edimax Web Interface als Externe Seite über die URL eingebunden habe. Rechts habe ich dann http://IP-der_Edimax/snapshot.jpg mit einem Refresh von 5 eingebaut. Das sieht dann so aus wie in angehängtem Screenshot - todschick im IE und auf dem iPAd, leicht zerschossen im Firefox.

@ Rainer: Angesichts meiner rudimentären JS-Kenntnisse - kannst Du mir da mit einem klitzekleinen Codebeispiel für einen Befehl aufs Pferd helfen?

Grüße
Martin

Hach ist das aufregend - ich habs jetzt doch selbst hinbekommen, mit einem Umweg:

<span onclick="var img = new Image(); img.src = 'http://user:password@IP-der-Edimax/camera-cgi/com/ptz.cgi?move=down'">Nach unten</span>

Sicher nicht elegant, aber es funktioniert (besserer Code wird dankend entgegen genommen)

BTW: Wenn man von außen zugreifen will (iFront App-Profil), muss statt der IP eine von außen zugängliche URL stehen, also etwa meine-webcam.gotdns.com
Grüße
Martin

Hi DocMarten,

wieder eine klasse Idee :slight_smile:

habs gerade eingebaut: im Opera (V 11.0) läufts fast problemlos! Es kommt zwar nach dem Laden der Navigationsseite ein Requester von der Webcam (IE nutzen wegen ActiveX), geht aber erstmal

@Werner


<div align="center"><img src="http://user:pw@test.net:85/cgi/mjpg/mjpg.cgi" width="60%" height="60%">

So hab ich das bei mir im WF gemacht.

Hallo zusammen,
Die Möglichkeit, gängige Webcams in das iFront (und auch in das Webfront) über eine simple HTML-Box einzubinden, ist für mich schlechthin die Entdeckung des (noch jungen) Jahres.
Ich habe nun auch als HTML-Halbwissender übers Wochenende eine Lösung hinbekommen, die mich sogar selbst begeistert (ich bin nicht so schnell zu begeistern ;). Nicht nur, dass der Livestream funktioniert (und auch über Mobilfunk-Verbindung in akzeptabler Geschwindigkeit arbeitet), sondern auch:

[ul]
[li]das Einbinden der Befehle zum Bewegen der Kamera (Tilt/Shift) auf derselben Seite, auf der auch der Live-Stream angezeigt wird (im Screenshot mit den Oben/Unten/Links/Rechts-Pfeilen umgesetzt, aber das ist nur noch ein Relikt aus v 1 vom Freitag ;), denn es hat mir keine Ruhe gelassen, bis ich mit v2 am Samstag …
[/li][li]das Einbinden der Bewegungsbefehle (inkl. der diagonalen) per Image Map auf das Livebild legen konnte. Nun bewegt man die Kamera, indem man auf dem iPhone/iPad einfach auf den betreffenden Sektor des Bildes tappt. Das war nicht ganz untricky, denn ich musste zur Kenntnis nehmen, dass: a) die Angabe der areas in Prozentwerten, die laut Spec alternativ zu der Angabe in Pixelwerten möglich ist, von keinem gängigen Browser unterstützt wird, und b) das iPhone statt mit der tatsächlichen eher mit einer willkürlich gefühlten Auflösung zu arbeiten scheint, jedenfalls betrachtet es das 640x480 px-Livebild nicht als 640x480 px-Bild, sondern als etwas größeres, was man beim Erstellen der Image Map berücksichtigen muss.
[/li][li]auch das Einbinden von Kamerafahrten auf bestimmte Stellen (die man zuvor mit der Edimax-ActiveX-Plugin im IE speichert und benennt) klappt perfekt. Man sieht dann live, wie die Kamera an die gewünschte Stelle schwenkt
[/li][li]dann habe ich noch Befehle zum Hochfahren der Rolläden für den Blick auf die Pflanzen auf der Terrasse (was wg. des Gardena-Ventil-Beregners der Hauptgrund für das Installieren der Cam war) und das Schalten der Raum- und Terrassenbeleuchtung im Bereich der Kamera integriert, so dass man auch nachts mal nach dem Rechten schauen kann.
[/li][/ul]

Nun habe ich also eine maßgeschneiderte Webcam-Seite mit allem, was ich mir dafür gewünscht habe - und sie ist der nativen Edimax-iPhone-App deutlich überlegen (schneller, man kann das Bild durch Spreizen zoomen usw.).

Ein Dank an alle, die die entscheidenden Tipps gegeben haben.
Martin

iFrontApp-Webcam.jpg

ja, super…!
Warum zögerst Du noch, hier Deine Lösung zu offenbaren. :smiley:
Darauf warte ich doch auch schon wie meine 3 Kampfkatzen jeden Abend auf’s Futter! :rolleyes:

Bauli