Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. ioBroker Allgemein
    4. Bild auf den Rahmen (iFrame) anpassen?

    NEWS

    • Neuer Blog: Fotos und Eindrücke aus Solingen

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

    • ioBroker goes Matter ... Matter Adapter in Stable

    Bild auf den Rahmen (iFrame) anpassen?

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

      Hi,

      ich will meine Kamera hinzufügen und habe hierführ das iFrame genommen und die url eingetragen. Wie kann ich nun das Bild auf den Rahmen anpassen?

      Da es sich um eine HD Kamera handelt ist das Bild etwas zu groß.

      Danke

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

        Hallo,

        du kannst ein normales HTML-Widget verwenden und dort den iframe-Befehl selbst setzen. Da kannst du dann die Breite und Höhe selbst definieren (zB 100%)

        https://www.html-seminar.de/iframes.htm

        Gruß

        Pix

        PS: Kannst du bitte das Wort "iFrame" im Threadtitel einbauen?

        1 Reply Last reply Reply Quote 0
        • F
          fubo08 last edited by

          Alternativ, bei mir als Workaraound gedacht, weil ich nach der selben Möglichkeit wie du gesucht habe. Aber mittlerweile gefällt es uns so ganz gut. 😉

          Du nimmst eines der Camera Widgets mit Dialog und fügst dort als Icon dein Live-Cam-Stream ein. Die Icon Größe kannst du ja beliebig ändern und das Cam Bild skaliert automatisch mit. Und der Vorteil: drückst du nun drauf, geht der Dialog mit dem Vollbild in HD-Größe auf. 😄

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

            @pix:

            Hallo,

            du kannst ein normales HTML-Widget verwenden und dort den iframe-Befehl selbst setzen. Da kannst du dann die Breite und Höhe selbst definieren (zB 100%)

            https://www.html-seminar.de/iframes.htm

            Gruß

            Pix

            PS: Kannst du bitte das Wort "iFrame" im Threadtitel einbauen? `

            hi,

            Danke für deine Antwort

            leider funktioniert das nicht. Habe den Code eingebaut:

             <iframe src="http://ip-der-Kamera:port/cgi-bin/CGIProxy.fcgi?cmd=snapPicture2&amp;usr=xxx&amp;pwd=xxxx" width="50%" height="50%" scrolling="no" name="Kamera"></iframe> 
            
            

            hier wird nur der Ausschnitt kleiner aber das Kamerabild bleibt bei FulHD. Will aber das das Bild kleiner Skalliert wird.

            Danke

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

              @fubo08:

              Alternativ, bei mir als Workaraound gedacht, weil ich nach der selben Möglichkeit wie du gesucht habe. Aber mittlerweile gefällt es uns so ganz gut. 😉

              Du nimmst eines der Camera Widgets mit Dialog und fügst dort als Icon dein Live-Cam-Stream ein. Die Icon Größe kannst du ja beliebig ändern und das Cam Bild skaliert automatisch mit. Und der Vorteil: drückst du nun drauf, geht der Dialog mit dem Vollbild in HD-Größe auf. 😄 `

              wie heist das Widget richtig? unter Camera bzw. nur Cam kann ich nichts finden

              danke

              1 Reply Last reply Reply Quote 0
              • F
                fubo08 last edited by

                Bilder sagen wohl mehr.

                Darum hier der Link zu meinem exportiertem View:

                https://iobroker.net:8080/vis/edit.html?fubo08#ZiPo

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

                  Hallo,

                  du kannst statt des iframes auch das https://www.w3schools.com/tags/tag_img.asp benutzen:

                  Breite und Höhe werden in absoluten Pixel ohne Einheit angegeben.

                  ![Kamerabild](http://ip-der-Kamera:port/cgi-bin/CGIProxy.fcgi?cmd=snapPicture2&usr=xxx&pwd=xxxx)
                  
                  

                  Gruß

                  Pix

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

                    @fubo08:

                    Bilder sagen wohl mehr.

                    Darum hier der Link zu meinem exportiertem View:

                    https://iobroker.net:8080/vis/edit.html?fubo08#ZiPo `

                    der Link funktioniert nur bei dir!! siehe im Link https://iobroker.net:8080/vis/edit.html?fubo08#ZiPo[

                    @pix:

                    Hallo,

                    du kannst statt des iframes auch das https://www.w3schools.com/tags/tag_img.asp benutzen:

                    Breite und Höhe werden in absoluten Pixel ohne Einheit angegeben.

                    ![Kamerabild](http://ip-der-Kamera:port/cgi-bin/CGIProxy.fcgi?cmd=snapPicture2&usr=xxx&pwd=xxxx)
                    
                    

                    Gruß

                    Pix `

                    ich gehe davon aus das das Widget "HTML" gemeint ist. dies habe ich versucht. Dies Skalliert mein Bild nicht es mach nur den Ausschnitt kleiner aber das Kamerabild bleicht in voller auflösung vorhanden.

                    Vielleicht noch jemand eine Idee?

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

                      Hallo microsuck,

                      es ist schwer, dir zu helfen. Du gibst uns nur schwammige Infos. Wir brauchen aber Fakten (exportierte Widgets, Screenshots).

                      Tut mir leid.

                      Pix

                      1 Reply Last reply Reply Quote 0
                      • F
                        fubo08 last edited by

                        @microsuck:

                        @fubo08:

                        Bilder sagen wohl mehr.

                        Darum hier der Link zu meinem exportiertem View:

                        https://iobroker.net:8080/vis/edit.html?fubo08#ZiPo

                        der Link funktioniert nur bei dir!! siehe im Link https://iobroker.net:8080/vis/edit.html?fubo08#ZiPo[

                        NOPE!

                        Hast du den Link überhaupt Angeklickt?!? Das ist die Seite mit den Beispiel-Views! Da kann jeder die zur Verfügung gestellten Views lesend anschauen!

                        Aber falls es dir mehr hilft, ich habe ein "jqui-mfd - Cam/Video (img) - Dialog" verwendet.

                        Einen Widget Export kann ich grad nicht machen von unterwegs.

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

                          ahhh sorry ich dachte das ist eine URL mit der ich das Plugin aufrufen kann.

                          Jetzt funktioniert es DANKE

                          Muss aber sagen iobroker ist noch weit weg von der Massentauglichkeit. Ich arbeite schon einiges mit RPIs oder mit meiner Homematic auch bastle ich sehr gerne an diversen Projekten aber die Bedienung von dem Teil ist echt Gewöhnungsbedürftig. Aber es wird immer besser.

                          Danke für eure Mühe

                          1 Reply Last reply Reply Quote 0
                          • Homoran
                            Homoran Global Moderator Administrators last edited by

                            @microsuck:

                            Muss aber sagen iobroker ist noch weit weg von der Massentauglichkeit. Ich arbeite schon einiges mit RPIs oder mit meiner Homematic auch bastle ich sehr gerne an diversen Projekten aber die Bedienung von dem Teil ist echt Gewöhnungsbedürftig `

                            könntest du das bitte erläutern, damit wir wissen wo es hakt.

                            Gruß

                            Rainer

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

                              Soll aber nicht bleidigend sein nur eine Kritik die eventuell vielleicht sogar gewünscht ist.

                              Ich wollte z.B.

                              • meinen Rolllanden status anzeigen lassen wenn er aber auf ist soll er nicht 100% anzeigen sondern auf und bei 0% zu

                              • auch das mit der Kamera fande ich jetzt nicht gerade einfach soetwas rauszubekommen.

                              • oder wollte ich den Status meines Türkontaktes mit einem kleinen Punkt z.B. rot=auf und grün=zu anzeigen lassen wie das funktioniert und wo ich die Icons dazu finde habe ich noch nicht rausbekommen.

                              Ich benutzte für mein iPhone und iPad Mediola und habe mir dort Fernbedienungen erstellt und das kann jedes Kleinkind. Dabei gibt es wenig zu wissen und wenn ich einen diversen Aktor/Gerät anklicke dann kann ich gleich die passenden Aktionen auswählen.

                              Da ich aber schon einiges im Internet von ioBroker gesehen habe und ich mir einen MagicMirror basteln will in dem ich auch meine Homemeatic einbinden möchte, habe ich mich an iobroker gewagt. Ich komme ja immer weiter ans Ziel aber wenn ich meine Freunde und Bekannten so anschaue muss ich sagen, das die meisten nach 10 Minuten das Handtuch geschmissen hätten. Viel zu Viele Funktionen und Button (ist zwar toll das es für jede indualität eine Funktion gibt) mit denen ein Programierer etwas anfangen kann aber der Otto Normalverbraucher kann mit z.B. AckFlag HTML oder Bool HTML nichts anfangen und muss sich da durchklicken, was aber nicht so einfach ist wie gedacht.

                              Vielleicht könnte man eine kleine sehr kurz gehaltene Beschreibeung hinzufügen die angezeigt wird wenn man mit dem Mauszeiger darüber gehe wäre für die meisten sehr hilfreich.

                              Trotzdem finde ich das Projekt super und freue mich das es so etwas gibt. Es wird von Tag zu Tag besser und irgendwann bin ich dann auch fertig mit dem Projekt.

                              Danke

                              1 Reply Last reply Reply Quote 0
                              • F
                                fubo08 last edited by

                                Für Tür-/Fensterkontakt kannst du super das Window Widget verwenden, weil da kannst du für auf und zu sowohl das Icon als auch die Farbe angeben. Guckst du auf meinen View. 😉 in den vis-jqui-mfd Icons ist alles dabei. Wenn du unter Instanzen schaust, dort hinten auf das Symbol. Dann geht eine Seite mit der Übersicht auf, wo du alle Icons sehen kannst.

                                1 Reply Last reply Reply Quote 0
                                • Homoran
                                  Homoran Global Moderator Administrators last edited by

                                  konstruktive Kritik ist immer gewünscht.

                                  @microsuck:

                                  Mediola und habe mir dort Fernbedienungen erstellt und das kann jedes Kleinkind. `
                                  Das "Problem" ist, dass vis um Längen umfangreicher und komplexer ist und wesentlich mehr Möglichkeiten bietet. Gerade wenn man eine andere Lösung kennt erscheint eine neue dann immer etwas unstrukturierter, weil die Struktur eine andere ist.

                                  Im Prinzip geht alles was du willst ganz einfach.

                                  Hast du die http://www.iobroker.net/docu/?page_id=6317&lang=de oder die http://www.iobroker.net/docu/?page_id=2754&lang=de gelesen?

                                  @microsuck:

                                  • meinen Rolllanden status anzeigen lassen wenn er aber auf ist soll er nicht 100% anzeigen sondern auf und bei 0% zu

                                  • oder wollte ich den Status meines Türkontaktes mit einem kleinen Punkt z.B. rot=auf und grün=zu anzeigen lassen `
                                    144_klima.jpg
                                    Fensterstatus ist hier sogar rot - gelb grün

                                  und genauso kann man auch den Rolladenstatus anzeigen, ich habe mich jedoch für Widgets entschieden, die die Höhe anzeigen (diese kann man auch je nach Höhe einfärben lassen)

                                  @microsuck:

                                  auch das mit der Kamera fande ich jetzt nicht gerade einfach soetwas rauszubekommen. `
                                  Bei einer Kamera nehme ich das Camera Widget 😉
                                  @fubo08:

                                  Du nimmst eines der Camera Widgets mit Dialog und fügst dort als Icon dein Live-Cam-Stream ein. Die Icon Größe kannst du ja beliebig ändern und das Cam Bild skaliert automatisch mit. Und der Vorteil: drückst du nun drauf, geht der Dialog mit dem Vollbild in HD-Größe auf. `

                                  Gruß

                                  Rainer

                                  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

                                  427
                                  Online

                                  31.9k
                                  Users

                                  80.2k
                                  Topics

                                  1.3m
                                  Posts

                                  4
                                  15
                                  4949
                                  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