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. Visualisierung
  4. VIS Binding Widget "basic Image"

NEWS

  • Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨
    BluefoxB
    Bluefox
    14
    1
    276

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

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    25
    1
    1.8k

VIS Binding Widget "basic Image"

Geplant Angeheftet Gesperrt Verschoben Visualisierung
14 Beiträge 5 Kommentatoren 1.5k Aufrufe 3 Watching
  • Ä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.
  • H Happyuser20

    Hallo zusammen

    Ich möchte das Kamerabild von meiner Türklingel in meine VIS einbinden.
    Ich bekomme einen Datenpunkt mit einem Link und einem Token der sich alle 5min ändert.
    Mit hilfe eines Blockly füge ich den Link und den aktuellen Token zusammen und schreibe das in einen Datenpunkt.

    Wenn ich diesen Link in das "basic Image" Widget in der VIS einbinde sehe ich das letzte bild der Türkamera.
    Ändert sich der Token funktioniert das logischerweise nicht mehr.
    Der Link wird zwar mit neuem Token neu angelegt.
    2022-08-19 10_15_49-objects - iobroker und 2 weitere Seiten - Persönlich – Microsoft​ Edge.jpg
    Alles nach dem "=" ändert sich alle 5min
    Wie kann ich das Widget dazu bewegen den neuen Link zu nehmen? Mit Binding, geschweiften Klammern, funktioniert das leider nicht.
    Gibt es da noch eine andere Möglichkeit?

    Gruß
    HappyUser20

    CodierknechtC Offline
    CodierknechtC Offline
    Codierknecht
    Developer Most Active
    schrieb am zuletzt editiert von Codierknecht
    #2

    @happyuser20 Wie arbeitet Dein Blockly? Mit 'nem Trigger oder zeitgesteuert?
    EDIT: Bei einem Basic Image 8 kannst Du als Quelle einen Datenpunkt nehmen. Wenn der jetzt bei einer Änderung des Token-DP automatisch aktualisiert wird, sollte das auch funktionieren.

    "Any fool can write code that a computer can understand. Good programmers write code that humans can understand." (Martin Fowler, "Refactoring")

    Proxmox 9.1.1 LXC|8 GB|Core i7-6700
    HmIP|ZigBee|Tasmota|Unifi
    Zabbix Certified Specialist
    Konnte ich Dir helfen? Dann benutze bitte das Voting unten rechts im Beitrag

    H 1 Antwort Letzte Antwort
    0
    • CodierknechtC Codierknecht

      @happyuser20 Wie arbeitet Dein Blockly? Mit 'nem Trigger oder zeitgesteuert?
      EDIT: Bei einem Basic Image 8 kannst Du als Quelle einen Datenpunkt nehmen. Wenn der jetzt bei einer Änderung des Token-DP automatisch aktualisiert wird, sollte das auch funktionieren.

      H Offline
      H Offline
      Happyuser20
      schrieb am zuletzt editiert von Happyuser20
      #3

      @codierknecht Mein Blockly-Trigger ist die aktualisierung des Tokens in einem anderen DP.

      2022-08-19 10_34_10-AsPowerBar.jpg

      <xml xmlns="https://developers.google.com/blockly/xml">
        <block type="on" id="$*]fGj}u(Fp@6*aAqO2%" x="113" y="288">
          <field name="OID">hass.0.entities.camera.front_door_camera.access_token</field>
          <field name="CONDITION">any</field>
          <field name="ACK_CONDITION"></field>
          <statement name="STATEMENT">
            <block type="update" id="xEW?Z!hWI7s=w;lr)gTB">
              <mutation xmlns="http://www.w3.org/1999/xhtml" delay_input="true"></mutation>
              <field name="OID">0_userdata.0.Skybell-Bild</field>
              <field name="WITH_DELAY">TRUE</field>
              <field name="DELAY_MS">5000</field>
              <field name="UNIT">ms</field>
              <field name="CLEAR_RUNNING">FALSE</field>
              <value name="VALUE">
                <block type="text_join" id=".gtFJ!GFq/;Ue^~Z8674">
                  <mutation items="2"></mutation>
                  <value name="ADD0">
                    <block type="text" id="W%.=5J3_?s!wGK26)enf">
                      <field name="TEXT">http://192.168.1.111:8123/api/camera_proxy/camera.front_door_camera?token=</field>
                    </block>
                  </value>
                  <value name="ADD1">
                    <block type="get_value" id="x{JLr5.+[2-4,[Af8YWY">
                      <field name="ATTR">val</field>
                      <field name="OID">hass.0.entities.camera.front_door_camera.access_token</field>
                    </block>
                  </value>
                </block>
              </value>
            </block>
          </statement>
        </block>
      </xml>
      
      1 Antwort Letzte Antwort
      0
      • H Offline
        H Offline
        Happyuser20
        schrieb am zuletzt editiert von
        #4

        Im basic Image 8 funktioniert es garnicht wenn ich den DP auswähle.
        Im normalen basic Image habe ich ein Bild wenn ich den Inhalt des DP´s einfüge.

        2022-08-19 10_43_41-Edit vis und 3 weitere Seiten - Persönlich – Microsoft​ Edge.png

        oben basic Image 8
        unten basic Image
        bei identischer Quelle

        CodierknechtC 1 Antwort Letzte Antwort
        0
        • H Happyuser20

          Im basic Image 8 funktioniert es garnicht wenn ich den DP auswähle.
          Im normalen basic Image habe ich ein Bild wenn ich den Inhalt des DP´s einfüge.

          2022-08-19 10_43_41-Edit vis und 3 weitere Seiten - Persönlich – Microsoft​ Edge.png

          oben basic Image 8
          unten basic Image
          bei identischer Quelle

          CodierknechtC Offline
          CodierknechtC Offline
          Codierknecht
          Developer Most Active
          schrieb am zuletzt editiert von
          #5

          @happyuser20 Habe auch gerade erst entdeckt, wie das "Basic Image 8" funktioniert.
          Im DP erwartet es numerische Werte. Für jeden dieser Werte kann man dann einen URL hart verdrahtet hinterlegen.
          Also eher unbrauchbar.
          Du kannst Dir bei einer Änderung des Token den neuen URL zusammenbauen und das unter der damit generierten Adresse zu findende Bild unter einem immer gleichen Namen im Dateisystem ablegen. Das sollte dann mit "Basic Image" funktionieren.

          "Any fool can write code that a computer can understand. Good programmers write code that humans can understand." (Martin Fowler, "Refactoring")

          Proxmox 9.1.1 LXC|8 GB|Core i7-6700
          HmIP|ZigBee|Tasmota|Unifi
          Zabbix Certified Specialist
          Konnte ich Dir helfen? Dann benutze bitte das Voting unten rechts im Beitrag

          H 1 Antwort Letzte Antwort
          0
          • CodierknechtC Codierknecht

            @happyuser20 Habe auch gerade erst entdeckt, wie das "Basic Image 8" funktioniert.
            Im DP erwartet es numerische Werte. Für jeden dieser Werte kann man dann einen URL hart verdrahtet hinterlegen.
            Also eher unbrauchbar.
            Du kannst Dir bei einer Änderung des Token den neuen URL zusammenbauen und das unter der damit generierten Adresse zu findende Bild unter einem immer gleichen Namen im Dateisystem ablegen. Das sollte dann mit "Basic Image" funktionieren.

            H Offline
            H Offline
            Happyuser20
            schrieb am zuletzt editiert von
            #6

            @codierknecht Dumme Frage Meinerseits. Wie kann ich das realisieren, das hinter dem Link befindliche Bild abzuspeichern?:thinking_face:

            1 Antwort Letzte Antwort
            0
            • H Happyuser20

              Hallo zusammen

              Ich möchte das Kamerabild von meiner Türklingel in meine VIS einbinden.
              Ich bekomme einen Datenpunkt mit einem Link und einem Token der sich alle 5min ändert.
              Mit hilfe eines Blockly füge ich den Link und den aktuellen Token zusammen und schreibe das in einen Datenpunkt.

              Wenn ich diesen Link in das "basic Image" Widget in der VIS einbinde sehe ich das letzte bild der Türkamera.
              Ändert sich der Token funktioniert das logischerweise nicht mehr.
              Der Link wird zwar mit neuem Token neu angelegt.
              2022-08-19 10_15_49-objects - iobroker und 2 weitere Seiten - Persönlich – Microsoft​ Edge.jpg
              Alles nach dem "=" ändert sich alle 5min
              Wie kann ich das Widget dazu bewegen den neuen Link zu nehmen? Mit Binding, geschweiften Klammern, funktioniert das leider nicht.
              Gibt es da noch eine andere Möglichkeit?

              Gruß
              HappyUser20

              liv-in-skyL Offline
              liv-in-skyL Offline
              liv-in-sky
              schrieb am zuletzt editiert von
              #7

              @happyuser20

              du könntest ein standard html widget nehmen und darin einen dp mit binding

              in deinem blockly schreibst du dann einen html code (für die anzeige eines bildes) mit deinen parametern in den dp und der wird dann angezeigt

              code beispiel:

              <img src="https://forum.iobroker.net/assets/uploads/system/site-logo.png?v=gqnpiq7ce6k" alt="bild" width="100" height="100">
              

              nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

              H 1 Antwort Letzte Antwort
              0
              • liv-in-skyL liv-in-sky

                @happyuser20

                du könntest ein standard html widget nehmen und darin einen dp mit binding

                in deinem blockly schreibst du dann einen html code (für die anzeige eines bildes) mit deinen parametern in den dp und der wird dann angezeigt

                code beispiel:

                <img src="https://forum.iobroker.net/assets/uploads/system/site-logo.png?v=gqnpiq7ce6k" alt="bild" width="100" height="100">
                
                H Offline
                H Offline
                Happyuser20
                schrieb am zuletzt editiert von
                #8

                @liv-in-sky said in VIS Binding Widget "basic Image":

                <img src="

                Im normalen HTML wird das Bild angezeigt.
                mach ich die geschweiften Klammern für das binding in den html Code.
                Steht in der VISU "undefined"

                {<img src="http://192.168.1.111:xxxx/api/camera_proxy/camera.front_door_camera?token=7aa7222e830b1c5be2e30080a583d4885fc037162cbb2dc4dddda4d9bd6be914" alt="bild" width="100" height="100">}
                
                HomoranH liv-in-skyL 3 Antworten Letzte Antwort
                0
                • H Happyuser20

                  @liv-in-sky said in VIS Binding Widget "basic Image":

                  <img src="

                  Im normalen HTML wird das Bild angezeigt.
                  mach ich die geschweiften Klammern für das binding in den html Code.
                  Steht in der VISU "undefined"

                  {<img src="http://192.168.1.111:xxxx/api/camera_proxy/camera.front_door_camera?token=7aa7222e830b1c5be2e30080a583d4885fc037162cbb2dc4dddda4d9bd6be914" alt="bild" width="100" height="100">}
                  
                  HomoranH Nicht stören
                  HomoranH Nicht stören
                  Homoran
                  Global Moderator Administrators
                  schrieb am zuletzt editiert von
                  #9

                  @happyuser20 musst du dich für die Abfrage des Bilds mit Username und Passwort einloggen?

                  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 -

                  H 1 Antwort Letzte Antwort
                  0
                  • H Happyuser20

                    @liv-in-sky said in VIS Binding Widget "basic Image":

                    <img src="

                    Im normalen HTML wird das Bild angezeigt.
                    mach ich die geschweiften Klammern für das binding in den html Code.
                    Steht in der VISU "undefined"

                    {<img src="http://192.168.1.111:xxxx/api/camera_proxy/camera.front_door_camera?token=7aa7222e830b1c5be2e30080a583d4885fc037162cbb2dc4dddda4d9bd6be914" alt="bild" width="100" height="100">}
                    
                    liv-in-skyL Offline
                    liv-in-skyL Offline
                    liv-in-sky
                    schrieb am zuletzt editiert von
                    #10

                    @happyuser20

                    im widget unter html steht nur der dp in geschweiften klammern

                    Image 033.png

                    den ganzen inhalt des dp machst du in deinem blocky und immer wenn der dp aktualisiert wird, wird das in den dp geschrieben

                    <img src="http://192.168.1.111:xxxx/api/camera_proxy/camera.front_door_camera?token=7aa7222e830b1c5be2e30080a583d4885fc037162cbb2dc4dddda4d9bd6be914" alt="bild" width="100" height="100">
                    

                    das hier erzeugst du als text mit deinen variablen und schreibst du in den dp - hier gehört keine geschweifte klammer hin !

                    nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

                    H 1 Antwort Letzte Antwort
                    0
                    • H Happyuser20

                      @liv-in-sky said in VIS Binding Widget "basic Image":

                      <img src="

                      Im normalen HTML wird das Bild angezeigt.
                      mach ich die geschweiften Klammern für das binding in den html Code.
                      Steht in der VISU "undefined"

                      {<img src="http://192.168.1.111:xxxx/api/camera_proxy/camera.front_door_camera?token=7aa7222e830b1c5be2e30080a583d4885fc037162cbb2dc4dddda4d9bd6be914" alt="bild" width="100" height="100">}
                      
                      liv-in-skyL Offline
                      liv-in-skyL Offline
                      liv-in-sky
                      schrieb am zuletzt editiert von
                      #11

                      @happyuser20

                      ungefähr so:

                      Image 035.png

                      evtl solltest du statt dem anführungszeichen ein einfaches anführungszeichen im text nutzen

                      also so - musst du testen

                      Image 036.png

                      nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

                      1 Antwort Letzte Antwort
                      0
                      • HomoranH Homoran

                        @happyuser20 musst du dich für die Abfrage des Bilds mit Username und Passwort einloggen?

                        H Offline
                        H Offline
                        Happyuser20
                        schrieb am zuletzt editiert von
                        #12

                        @homoran Muss mich nicht einloggen, dafür ist der Token. Der Link kommt vom Hass Adapter.

                        1 Antwort Letzte Antwort
                        0
                        • H Happyuser20

                          Hallo zusammen

                          Ich möchte das Kamerabild von meiner Türklingel in meine VIS einbinden.
                          Ich bekomme einen Datenpunkt mit einem Link und einem Token der sich alle 5min ändert.
                          Mit hilfe eines Blockly füge ich den Link und den aktuellen Token zusammen und schreibe das in einen Datenpunkt.

                          Wenn ich diesen Link in das "basic Image" Widget in der VIS einbinde sehe ich das letzte bild der Türkamera.
                          Ändert sich der Token funktioniert das logischerweise nicht mehr.
                          Der Link wird zwar mit neuem Token neu angelegt.
                          2022-08-19 10_15_49-objects - iobroker und 2 weitere Seiten - Persönlich – Microsoft​ Edge.jpg
                          Alles nach dem "=" ändert sich alle 5min
                          Wie kann ich das Widget dazu bewegen den neuen Link zu nehmen? Mit Binding, geschweiften Klammern, funktioniert das leider nicht.
                          Gibt es da noch eine andere Möglichkeit?

                          Gruß
                          HappyUser20

                          OliverIOO Offline
                          OliverIOO Offline
                          OliverIO
                          schrieb am zuletzt editiert von
                          #13

                          @happyuser20
                          wäre es nicht einfacher im blockly anstatt nur des tokens gleich die komplette url zusammenzubauen.
                          und dann diesen datenpunkt per binding in das url feld des image widgets einzutragen.

                          Meine Adapter und Widgets
                          TVProgram, SqueezeboxRPC, OpenLiga, RSSFeed, MyTime,, pi-hole2, vis-json-template, skiinfo, vis-mapwidgets, vis-2-widgets-rssfeed
                          Links im Profil

                          1 Antwort Letzte Antwort
                          0
                          • liv-in-skyL liv-in-sky

                            @happyuser20

                            im widget unter html steht nur der dp in geschweiften klammern

                            Image 033.png

                            den ganzen inhalt des dp machst du in deinem blocky und immer wenn der dp aktualisiert wird, wird das in den dp geschrieben

                            <img src="http://192.168.1.111:xxxx/api/camera_proxy/camera.front_door_camera?token=7aa7222e830b1c5be2e30080a583d4885fc037162cbb2dc4dddda4d9bd6be914" alt="bild" width="100" height="100">
                            

                            das hier erzeugst du als text mit deinen variablen und schreibst du in den dp - hier gehört keine geschweifte klammer hin !

                            H Offline
                            H Offline
                            Happyuser20
                            schrieb am zuletzt editiert von
                            #14

                            @liv-in-sky So klappt es jetzt, auch mit "

                            Danke

                            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

                            690

                            Online

                            32.5k

                            Benutzer

                            81.9k

                            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