Skip to content
  • Home
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • GitHub
  • Docu
  • Hilfe
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Standard: (Kein Skin)
  • Kein Skin
Einklappen
ioBroker Logo

Community Forum

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. ioBroker Allgemein
  4. Bild auf den Rahmen (iFrame) anpassen?

NEWS

  • Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨
    BluefoxB
    Bluefox
    17
    1
    4.1k

  • Neuer Blogbeitrag: Monatsrückblick - Dezember 2025 🎄
    BluefoxB
    Bluefox
    13
    1
    1.2k

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    25
    1
    2.6k

Bild auf den Rahmen (iFrame) anpassen?

Geplant Angeheftet Gesperrt Verschoben ioBroker Allgemein
15 Beiträge 4 Kommentatoren 5.4k Aufrufe
  • Älteste zuerst
  • Neuste zuerst
  • Meiste Stimmen
Antworten
  • In einem neuen Thema antworten
Anmelden zum Antworten
Dieses Thema wurde gelöscht. Nur Nutzer mit entsprechenden Rechten können es sehen.
  • M Offline
    M Offline
    microsuck
    schrieb am zuletzt editiert von
    #1

    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 Antwort Letzte Antwort
    0
    • P Offline
      P Offline
      pix
      schrieb am zuletzt editiert von
      #2

      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?

      ioBroker auf Ubuntu in Proxmox (früher Mac mini (bis OS X 10.12.6 Sierra), VIS via iOS; angeschlossen: Homematic CCU2, Homepilot 1, ConBee II, einige Wemos, Sonos, Unifi CK+Protect, Homekit, Homebridge; KEIN blockly! Github-Profil

      1 Antwort Letzte Antwort
      0
      • F Offline
        F Offline
        fubo08
        schrieb am zuletzt editiert von
        #3

        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. :D

        1 Antwort Letzte Antwort
        0
        • M Offline
          M Offline
          microsuck
          schrieb am zuletzt editiert von
          #4

          @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 Antwort Letzte Antwort
          0
          • M Offline
            M Offline
            microsuck
            schrieb am zuletzt editiert von
            #5

            @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. :D `

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

            danke

            1 Antwort Letzte Antwort
            0
            • F Offline
              F Offline
              fubo08
              schrieb am zuletzt editiert von
              #6

              Bilder sagen wohl mehr.

              Darum hier der Link zu meinem exportiertem View:

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

              1 Antwort Letzte Antwort
              0
              • P Offline
                P Offline
                pix
                schrieb am zuletzt editiert von
                #7

                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

                ioBroker auf Ubuntu in Proxmox (früher Mac mini (bis OS X 10.12.6 Sierra), VIS via iOS; angeschlossen: Homematic CCU2, Homepilot 1, ConBee II, einige Wemos, Sonos, Unifi CK+Protect, Homekit, Homebridge; KEIN blockly! Github-Profil

                1 Antwort Letzte Antwort
                0
                • M Offline
                  M Offline
                  microsuck
                  schrieb am zuletzt editiert von
                  #8

                  @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 Antwort Letzte Antwort
                  0
                  • P Offline
                    P Offline
                    pix
                    schrieb am zuletzt editiert von
                    #9

                    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

                    ioBroker auf Ubuntu in Proxmox (früher Mac mini (bis OS X 10.12.6 Sierra), VIS via iOS; angeschlossen: Homematic CCU2, Homepilot 1, ConBee II, einige Wemos, Sonos, Unifi CK+Protect, Homekit, Homebridge; KEIN blockly! Github-Profil

                    1 Antwort Letzte Antwort
                    0
                    • F Offline
                      F Offline
                      fubo08
                      schrieb am zuletzt editiert von
                      #10

                      @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 Antwort Letzte Antwort
                      0
                      • M Offline
                        M Offline
                        microsuck
                        schrieb am zuletzt editiert von
                        #11

                        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 Antwort Letzte Antwort
                        0
                        • HomoranH Nicht stören
                          HomoranH Nicht stören
                          Homoran
                          Global Moderator Administrators
                          schrieb am zuletzt editiert von
                          #12

                          @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

                          kein Support per PN! - Fragen im Forum stellen - es gibt fast nichts, was nicht auch für andere interessant ist.

                          Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

                          der Installationsfixer: curl -fsL https://iobroker.net/fix.sh | bash -

                          1 Antwort Letzte Antwort
                          0
                          • M Offline
                            M Offline
                            microsuck
                            schrieb am zuletzt editiert von
                            #13

                            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 Antwort Letzte Antwort
                            0
                            • F Offline
                              F Offline
                              fubo08
                              schrieb am zuletzt editiert von
                              #14

                              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 Antwort Letzte Antwort
                              0
                              • HomoranH Nicht stören
                                HomoranH Nicht stören
                                Homoran
                                Global Moderator Administrators
                                schrieb am zuletzt editiert von
                                #15

                                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

                                kein Support per PN! - Fragen im Forum stellen - es gibt fast nichts, was nicht auch für andere interessant ist.

                                Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

                                der Installationsfixer: curl -fsL https://iobroker.net/fix.sh | bash -

                                1 Antwort Letzte Antwort
                                0
                                Antworten
                                • In einem neuen Thema antworten
                                Anmelden zum Antworten
                                • Älteste zuerst
                                • Neuste zuerst
                                • Meiste Stimmen


                                Support us

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

                                500

                                Online

                                32.7k

                                Benutzer

                                82.4k

                                Themen

                                1.3m

                                Beiträge
                                Community
                                Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                                ioBroker Community 2014-2025
                                logo
                                • Anmelden

                                • Du hast noch kein Konto? Registrieren

                                • Anmelden oder registrieren, um zu suchen
                                • Erster Beitrag
                                  Letzter Beitrag
                                0
                                • Home
                                • Aktuell
                                • Tags
                                • Ungelesen 0
                                • Kategorien
                                • Unreplied
                                • Beliebt
                                • GitHub
                                • Docu
                                • Hilfe