Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. ioBroker Allgemein
    4. Wie IP CAM ( Foscam FI 9805 W ) in Vis einbinden ?

    NEWS

    • ioBroker@Smart Living Forum Solingen, 14.06. - Agenda added

    • ioBroker goes Matter ... Matter Adapter in Stable

    • Monatsrückblick - April 2025

    Wie IP CAM ( Foscam FI 9805 W ) in Vis einbinden ?

    This topic has been deleted. Only users with topic management privileges can see it.
    • S
      SigiMOE last edited by

      Hallo ,

      ich bin noch ein ganz Neuer was das Thema Homematic und IO Broker anbelangt.

      Ich bin auch kein Programmierer, sondern ein ganz einfacher Kaufmann.

      Habe nun eine Frage zum Thema : Wie IP CAM ( Foscam FI 9805 W ) in Vis einbinden ?

      Also die LINKS als http - Streams sind mir bekannt,

      sollte dies nicht gehen , kann ich auch per http Befehl ein Standbild der Cam erzeugen .

      Soweit so gut.

      Jetzt zum eigentlichen Problem . Welche Widget muss ich nehmen und wie konfigurieren um die in meiner VIS anzeigen zu können ?

      Am besten für mich wären Screenshots oder Ähnliches, damit ich es Schritt für Schritt abarbeiten kann.

      Folgend Links habe ich über die Suche gefunden, kann aber leider mit CODE etc nichts anfangen oder man erklärt es mir einfach 😉

      http://forum.iobroker.de/viewtopic.php? … 3fa#p17070

      http://forum.iobroker.net/viewtopic.php ... lit=ip+cam

      http://forum.iobroker.net/viewtopic.php?t=2075

      http://forum.iobroker.net/viewtopic.php?t=1250

      Wäre cool wenn mir jemand helfen würde.

      THX

      1 Reply Last reply Reply Quote 0
      • P
        pix last edited by

        Hallo,

        das Einbinden eines Webcam-Streams ist einer der leichtesten Übungen von VIS :lol:

        Dazu im VIS Editor links in der Widge-Auswahl einfach mal "cam" ins Auswahlfeld eintippen und eine Liste der Kamera-Widgets erscheint. 261_bildschirmfoto_2016-03-18_um_11.37.35.jpg

        Ich empfehle mal einfach das erste oder das letzte Widget. Das letzte Widget erlaubt ein wenig mehr Videoanpassungen.

        Die Einstellungen (rechts im Editor) sind schnell gemacht. 261_bildschirmfoto_2016-03-18_um_11.40.53.jpg
        Ikone URL ist das Bild, das im Knopf angezeigt wird (hier das Kamerasymbol). Dieses Bild kann auch der Stream von der Kamera sein. Dann hat man ein kleines Livebild von seiner Webcam als Knopf und kann es durch Antippen vergrößern. Alle Widgets dieser Aufzählung sind nämlich Dialog-Widgets. Ein Dialog öffnet sich bei Aktion. Was im Dialogfenster angezeit wird, lässt sich entsprechend in der Rubrik Dialog angeben. Da einfach mal rumprobieren.

        Wer sich mit HTML auskennt, kann auch einfach ein HTML Widget nutzen und das Bild mit einbinden.

        Viel Erfolg!

        Gruß,

        Pix

        1 Reply Last reply Reply Quote 0
        • S
          SigiMOE last edited by

          hi,

          erst einmal vielen Dank für Deine Hilfe.

          Funktionieren alle 3 Varianten, welche von dir genant wurden. Mal besser mal schlechter.

          Bei 1. Weis ich nicht so genau was ich bei UPDATEZEIT eintragen muss, Default sind 2000 ms.

          Da springt es aber bei mir mit den Sekunden, ist nicht rhythmisch mal 2 Sekunden mal 3 mal 5 mal 1.

          Bei 2. kommt bei meinem MAC ein PluginFehler ( Quicktime )

          Bei der HTML Variant ( finde ich sehr cool ) da blinkt es sozusagen. Bild da , Bild weg, Bild da Bild weg, was muss ich da noch einstellen ?

          Aber der Ansatz ist schon mal gut…

          Für weitere Tipps bin ich sehr dankbar..

          1 Reply Last reply Reply Quote 0
          • M
            michihorn last edited by

            Hallo

            ich habe das selbe Problem.

            Beim Klicken auf das Widget bekomme ich entweder einen schwarzes Dialogfeld, oder PlugIn Fehler

            Meine Url sieht so aus:````
            http://192.168.178.xxx:xxx/videostream.cgi?user=xxx&pwd=xxxxx&resulution=32&rate=10

            
            Im IkoneURL wird das Video richtig dargestellt.
            
            Gruß Michael
            1 Reply Last reply Reply Quote 0
            • D
              DerGraf123 last edited by

              Da ein H264 Stream nicht direkt auf meinem Wandtablet anzeigbar ist und meine Foscam FI9900P leider keinen MJPEG Stream liefert, bin ich bisher einen Umweg gegangen.

              Ich habe die Kamera als "static Image" mit einer Updatezeit von 5 Sekunden eingefügt. Hierzu habe ich als Quelle "http://192.168.xx.xx:88/cgi-bin/CGIProx … d=passwort" angegeben. Somit sehe ich wenigstens ein kleines Bild von unserer Auffahrt.

              Sobald eine Bewegung erkannt wird, wird ein Event in Tasker getriggert. Tasker schaltet dann das Display an, startet ein floating window mit Livebild von Tinycammonitor, wartet 30 Sekunden und schließt das floating window wieder. Das Display geht dann nach erreichen des Timeout wieder aus. Das floating window kann natürlich auch manuell weg geklickt werden.

              Funktioniert für mich so erst einmal zufriedenstellend.

              Schön wäre es noch, wenn man das "static Image" anklicken und damit das floating window manuell rufen könnte. Habe aber keine Ahnung, wie ich das Anstellen soll 😞

              Ich muss lediglich auf Klick nur ein HTTP POST senden.

              Irgendjemand eine Idee? Oder vielleicht einen besseren Workaround für H264 Streams?

              1 Reply Last reply Reply Quote 0
              • T
                tops4u last edited by

                Hallo zusammen,

                ich möchte das auch gern auswählen, nur habe ich keine Einträge wenn ich im Suchfeld "CAM" eingebe… Jemand eine Idee? ::?: :?:

                1 Reply Last reply Reply Quote 0
                • S
                  Solear last edited by

                  @tops4u:

                  Hallo zusammen,

                  ich möchte das auch gern auswählen, nur habe ich keine Einträge wenn ich im Suchfeld "CAM" eingebe… Jemand eine Idee? ::?: :?: `

                  Hallo und Herzlich Willkommen,

                  dafür musst du erst den Adapter jqui-Widget installieren:

                  http://forum.iobroker.net/viewtopic.php?t=1710#p14650

                  Danach solltest du in VIS "cam" finden 8-)

                  1 Reply Last reply Reply Quote 0
                  • D
                    DerGraf123 last edited by

                    Habe jetzt die Vorschau der Kamera auf der Startseite noch etwas verfeinert.

                    Anstatt eines "Static Image" Widget habe ich "Static HTML" Widget mit folgendem Inhalt eingefügt:

                    
                    <iframe width="1" height="1" name="test"></iframe>
                    

                    Die Ausgabe des großen Live-Bild erfolgt immer noch mit Tasker, TNES und Tinycammonitor. Jedoch kann ich jetzt bei Bedarf auf das Vorschaubild tippen und es erscheint das große Live-Bild.

                    Den "rdn" Zusatz in der URL habe ich nur als Cachebreaker angefügt. Mit der Widget-eigenen Updatefunktion wurde wegen dem Cache das Vorschaubild nicht aktualisiert.

                    So kann es erstmal bleiben, da nun der WAF deutlich gestiegen ist. 😉

                    1 Reply Last reply Reply Quote 0
                    • E
                      exmerci last edited by

                      Ich weiß, das ist hier uralt. Aber genau das was ich suche.
                      Leider kann ich mit dem letzten Beitrag nicht viel anfangen, obwohl ich genau das machen möchte.
                      Die eine Zeile Code die hier dargestellt ist kann doch nicht alles sein.
                      Ist der Verfasser dieses Beitrages vielleicht noch hier erreichbar?

                      Glasfaser 1 Reply Last reply Reply Quote 0
                      • Glasfaser
                        Glasfaser @exmerci last edited by

                        @exmerci

                        <div style>
                        
                        <iframe style="transform-origin: 10px 40px 0px; transform: scale(1.5); width: 800px; height: 500px;" src="http://www.name.de" name="iFrame" scrolling="no"></iframe>
                        
                        </div>
                        

                        .

                        siehe hier Teil einer Webseite einbinden in VIS

                        1 Reply Last reply Reply Quote 0
                        • E
                          exmerci last edited by

                          Danke. Aber kann meine Kameras leider nicht darstellen.
                          Komisch. Ich habe gedacht es sollte das einfachste sein in ein Dashboard eine Kamera einzubinden.
                          So kann man sich täuschen.
                          Aber viele andere Sachen habe ich jetzt in einer Woche schon geschafft, was ich echt klasse finde.
                          Und das vor allem auch durch dieses Forum.

                          Glasfaser 1 Reply Last reply Reply Quote 0
                          • Glasfaser
                            Glasfaser @exmerci last edited by

                            @exmerci sagte in Wie IP CAM ( Foscam FI 9805 W ) in Vis einbinden ?:

                            Danke. Aber kann meine Kameras leider nicht darstellen.

                            Was passiert ..oder auch nicht !?
                            Welchen Link trägst du ein um ein Bild zu sehen !?

                            1 Reply Last reply Reply Quote 0
                            • E
                              exmerci last edited by

                              Folgenden Link trage ich ein:

                              <div style>
                              <iframe style="transform-origin: 10px 40px 0px; transform: scale(1.5); width: 800px; height: 500px;" src="http://xx.xx.de:88/cgi-bin/CGIProxy.fcgi?cmd=snapPicture2&usr=username&pwd=passwort" name="iFrame" scrolling="no"></iframe>
                              </div>

                              Dann kommt Verbindung abgelehnt.

                              Aber halt. Jetzt bin ich total verwirrt. Bei meiner anderen Kamera geht es. Gleicher Link nur ein anderer Port.
                              Kann es sein das der IOBroker Ports sperrt?

                              Glasfaser 1 Reply Last reply Reply Quote 0
                              • Glasfaser
                                Glasfaser @exmerci last edited by

                                @exmerci sagte in Wie IP CAM ( Foscam FI 9805 W ) in Vis einbinden ?:

                                Kann es sein das der IOBroker Ports sperrt?

                                IoBroker sperrt hier nichts ... meistens liegt es am verwendeten Browser.

                                Bei mir gehen alle Cam´s ( über http Einzelbilder ) nur im Firefox.

                                1 Reply Last reply Reply Quote 0
                                • E
                                  exmerci last edited by

                                  Komischerweise gehen alle anderen Kameras bis auf die mit Port 88.
                                  Am Browser kann es ja nicht liegen, wenn:

                                  1. Alle anderen gehen
                                  2. Auf dem Tablet das ganze ja über eine App und nicht über einen Browser ausgeführt wird.

                                  Aber ich hatte auch ganz vergessen, das es ja dann ein Standbild ist. Das bringt ja nicht viel. Da kann ich auch ein IMG nehmen.
                                  Über Einzelbilder bei http hatte ich es Gestern probiert. Das ging, aber dann kann ich nicht auf das Bild klicken um Tinycam zu öffnen.
                                  Aber der Raspi 3 ist wohl sowieso zu langsam für so etwas. Der kommt da schnell an seine Grenzen. Ich werde mir mal den 4er holen um zu sehen, ob es damit flüssiger klappt.

                                  Glasfaser 1 Reply Last reply Reply Quote 0
                                  • Glasfaser
                                    Glasfaser @exmerci last edited by Glasfaser

                                    @exmerci

                                    Versuche mal diese Widget :

                                    [{"tpl":"tplImage","data":{"g_fixed":false,"g_visibility":false,"g_css_font_text":false,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","refreshInterval":"1400","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"src":"http://user:password@192.168.178.51/streaming/channels/1/picture","stretch":false,"refreshOnViewChange":false,"refreshWithNoQuery":false,"allowUserInteractions":false,"refreshOnWakeUp":false},"style":{"left":"273px","top":"527px","width":"609px","height":"256px","overflow-x":"","z-index":"3","font-family":"Jura-DemiBold","font-size":"14px"},"widgetSet":"basic"}]
                                    

                                    komme damit klar , das Einzelbilder erstellt werden .

                                    1.JPG

                                    1 Reply Last reply Reply Quote 0
                                    • E
                                      exmerci last edited by

                                      Erstmal danke.
                                      Was ist daran anders als an dem normalen html widget aus iobroker?
                                      Sieht erstmal gleich aus. Funktioniert tut es. Mit einzelbildern habe ich auch kein Problem.
                                      Aber auch hier gibt es nicht die Möglichkeit auf das Bild zu klicken um die Kamera App zu öffnen, oder?

                                      Glasfaser 2 Replies Last reply Reply Quote 0
                                      • Glasfaser
                                        Glasfaser @exmerci last edited by

                                        @exmerci

                                        Mit dem HTML Widget hast mehr möglichkeit , mit Befehle zu arbeiten ( scale ,scrolling usw. )
                                        Das Widget oben von mir ist ein reines Image Widget .

                                        1 Reply Last reply Reply Quote 0
                                        • Glasfaser
                                          Glasfaser @exmerci last edited by

                                          @exmerci sagte in Wie IP CAM ( Foscam FI 9805 W ) in Vis einbinden ?:

                                          Aber auch hier gibt es nicht die Möglichkeit auf das Bild zu klicken um die Kamera App zu öffnen, oder?

                                          Das würde aber nicht mit der http Adresse von dir gehen , es ist nur ein Snapshot Link.

                                          http://xx.xx.de:88/cgi-bin/CGIProxy.fcgi?cmd=snapPicture2&usr=username&pwd=passwort
                                          
                                          1 Reply Last reply Reply Quote 0
                                          • E
                                            exmerci last edited by

                                            Ich weiß. Deshalb hatte ich ja nach einer anderen Lösung gesucht 🙂
                                            Eine Kamera fällt auch komischerweise häufig aus im IOBroker. Bei Tiny wird sie die ganze Zeit angezeigt.
                                            Schade das es keine vernünftige Lösung gibt ein Foscam im IOBroker einzubinden.

                                            Glasfaser 1 Reply Last reply Reply Quote 0
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate
                                            FAQ Cloud / IOT
                                            HowTo: Node.js-Update
                                            HowTo: Backup/Restore
                                            Downloads
                                            BLOG

                                            1.1k
                                            Online

                                            31.7k
                                            Users

                                            79.7k
                                            Topics

                                            1.3m
                                            Posts

                                            12
                                            30
                                            9252
                                            Loading More Posts
                                            • Oldest to Newest
                                            • Newest to Oldest
                                            • Most Votes
                                            Reply
                                            • Reply as topic
                                            Log in to reply
                                            Community
                                            Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                                            The ioBroker Community 2014-2023
                                            logo