Skip to content
  • Home
  • Recent
  • Tags
  • 0 Unread 0
  • Categories
  • Unreplied
  • Popular
  • 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

  • Default (No Skin)
  • No Skin
Collapse
ioBroker Logo

Community Forum

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. Visualisierung
  4. Real Weather (Bald)

NEWS

  • UPDATE 31.10.: Amazon Alexa - ioBroker Skill läuft aus ?
    apollon77A
    apollon77
    48
    3
    8.8k

  • Monatsrückblick – September 2025
    BluefoxB
    Bluefox
    13
    1
    2.2k

  • Neues Video "KI im Smart Home" - ioBroker plus n8n
    BluefoxB
    Bluefox
    16
    1
    3.2k

Real Weather (Bald)

Scheduled Pinned Locked Moved Visualisierung
43 Posts 13 Posters 6.7k Views 28 Watching
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • wawyoW wawyo

    Hallo,
    bald Online ;)

    https://youtu.be/uAf3McTm65g

    OliverIOO Offline
    OliverIOO Offline
    OliverIO
    wrote on last edited by
    #31

    @wawyo

    cih dachte das sei eher sowas
    51947574-e360-43ad-b22d-f170dd9f73a9-image.png

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

    NashraN 1 Reply Last reply
    0
    • OliverIOO OliverIO

      @wawyo

      cih dachte das sei eher sowas
      51947574-e360-43ad-b22d-f170dd9f73a9-image.png

      NashraN Offline
      NashraN Offline
      Nashra
      Most Active Forum Testing
      wrote on last edited by
      #32

      @oliverio sagte in Real Weather (Bald):

      @wawyo

      cih dachte das sei eher sowas
      51947574-e360-43ad-b22d-f170dd9f73a9-image.png

      :+1: :joy: :joy: :joy: :joy:

      Gruß Ralf
      Mir egal, wer Dein Vater ist! Wenn ich hier angel, wird nicht übers Wasser gelaufen!!

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

      wawyoW 1 Reply Last reply
      0
      • NashraN Nashra

        @oliverio sagte in Real Weather (Bald):

        @wawyo

        cih dachte das sei eher sowas
        51947574-e360-43ad-b22d-f170dd9f73a9-image.png

        :+1: :joy: :joy: :joy: :joy:

        wawyoW Offline
        wawyoW Offline
        wawyo
        Developer
        wrote on last edited by
        #33

        Die Bilder habe ich unter:
        Screenshot_20210828-231221~2.png

        Datenpunkte:
        Screenshot_20210828-230948~2.png

        Ich habe mehrere Datenpunkte weil ich habe meine eigene Wetterstation produziert 🤫
        IMG_20210702_162202~2.jpg

        wawyoW wendy2702W 2 Replies Last reply
        0
        • wawyoW wawyo

          Die Bilder habe ich unter:
          Screenshot_20210828-231221~2.png

          Datenpunkte:
          Screenshot_20210828-230948~2.png

          Ich habe mehrere Datenpunkte weil ich habe meine eigene Wetterstation produziert 🤫
          IMG_20210702_162202~2.jpg

          wawyoW Offline
          wawyoW Offline
          wawyo
          Developer
          wrote on last edited by
          #34

          Wir gehen einen Schritt weiter ;)
          Tag: Sonne
          Nacht: Mondphasen animation (Real Moon).
          Unbenannt.png

          https://youtu.be/0HJOBPwInDo

          ChaotC 1 Reply Last reply
          1
          • wawyoW wawyo

            Wir gehen einen Schritt weiter ;)
            Tag: Sonne
            Nacht: Mondphasen animation (Real Moon).
            Unbenannt.png

            https://youtu.be/0HJOBPwInDo

            ChaotC Offline
            ChaotC Offline
            Chaot
            wrote on last edited by
            #35

            @wawyo Richtig schön geworden.

            Wirst du das als Adapter/Widget umsetzen oder wird das bei der Scriptlösung bleiben?

            ioBroker auf NUC unter Proxmox; VIS: 12" Touchscreen und 17" Touch; Lichtsteuerung, Thermometer und Sensoren: Tasmota (39); Ambiente Beleuchtung: WLED (9); Heizung: DECT Thermostate (9) an Fritz 6690; EMS-ESP; 1 Echo V2; 3 Echo DOT; 1 Echo Connect; 2 Echo Show 5; Unifi Ap-Ac Lite.

            wawyoW 1 Reply Last reply
            0
            • ChaotC Chaot

              @wawyo Richtig schön geworden.

              Wirst du das als Adapter/Widget umsetzen oder wird das bei der Scriptlösung bleiben?

              wawyoW Offline
              wawyoW Offline
              wawyo
              Developer
              wrote on last edited by
              #36

              @chaot Ja, der Adapter kommt noch :)
              Als erstes möchte ich alle Ideen realisieren.

              KnallochseK ChaotC 2 Replies Last reply
              1
              • wawyoW wawyo

                @chaot Ja, der Adapter kommt noch :)
                Als erstes möchte ich alle Ideen realisieren.

                KnallochseK Offline
                KnallochseK Offline
                Knallochse
                wrote on last edited by Knallochse
                #37

                @wawyo ich finde das echt klasse. Selbst benutze ich animierte Wettersymbole (gif)
                Diese animierten Wettersymbole habe ich käuflich erworben
                Beispiel:
                ebc4db2235034.560a96356930d.gif
                XHqB.gif

                So sieht meiner Wetterview gerade aus.
                FullSizeRender.gif

                Ich hätte noch ein paar Anregungen für dich.
                Ich fände es gut, wenn dein Hintergrund transparent wäre (deine Horizontgrafik & Eiszapfen am oberen Rand abschaltbar?)
                So wäre man flexibler in der freien Gestaltung in der VIS.
                Deine Regentropfen finde ich ein bisschen groß (nur mein Empfinden).
                Das mit dem Herbstlaub finde ich richtig schön 👍
                Falls du ein paar meiner animierten Gifs zur Anregung möchtest, melde dich einfach.

                HM&HMIP über 100 Geräte + IoBroker auf DS918+ uvm.

                wendy2702W 1 Reply Last reply
                2
                • Ro75R Offline
                  Ro75R Offline
                  Ro75
                  wrote on last edited by Ro75
                  #38

                  Hier mal meine animierten Wetterbilder für Tag und Nacht.
                  11.svg

                  11.svg

                  wetter_tag.zip wetter_nacht.zip

                  Ro75.

                  SERVER = Beelink U59 16GB DDR4 RAM 512GB SSD, FB 7490, FritzDect 200+301+440, ConBee II, Zigbee Aqara Sensoren + NOUS A1Z, NOUS A1T, Philips Hue ** ioBroker, REDIS, influxdb2, Grafana, PiHole, Plex-Mediaserver, paperless-ngx (Docker), MariaDB + phpmyadmin *** VIS-Runtime = Intel NUC 8GB RAM 128GB SSD + 24" Touchscreen

                  1 Reply Last reply
                  0
                  • wawyoW wawyo

                    @chaot Ja, der Adapter kommt noch :)
                    Als erstes möchte ich alle Ideen realisieren.

                    ChaotC Offline
                    ChaotC Offline
                    Chaot
                    wrote on last edited by
                    #39

                    @wawyo sagte in Real Weather (Bald):

                    @chaot Ja, der Adapter kommt noch :)
                    Als erstes möchte ich alle Ideen realisieren.

                    So am Rande. Ist das irgendwo weiterentwickelt worden und ich habe das übersehen?

                    ioBroker auf NUC unter Proxmox; VIS: 12" Touchscreen und 17" Touch; Lichtsteuerung, Thermometer und Sensoren: Tasmota (39); Ambiente Beleuchtung: WLED (9); Heizung: DECT Thermostate (9) an Fritz 6690; EMS-ESP; 1 Echo V2; 3 Echo DOT; 1 Echo Connect; 2 Echo Show 5; Unifi Ap-Ac Lite.

                    1 Reply Last reply
                    1
                    • J Offline
                      J Offline
                      jwerlsdf
                      wrote on last edited by jwerlsdf
                      #40

                      Hallo,
                      es ist schon lange her, aber ich versuche es doch noch einmal hier. Ich hoffe, es kann mir jemand helfen:

                      Ich habe den Code folgendermaßen geändert, da dieser Fehler produziert hat. Jetzt schaut der COde bei mir so aus, aber ich bekomme folgenden Fehler:

                      ImageNumber ist undefined
                      

                      Hier der überarbeitetet COde:

                      var ImageName, ImageNumber, ImageNumberConverted, NewLink;
                      
                      on({id: "daswetter.0.NextHours.Location_1.Day_1.current.iconURL", change: "any"}, async function (obj) {
                        // Sicherstellen, dass obj.state und obj.state.val existieren
                        if (!obj.state || typeof obj.state.val === 'undefined') {
                          console.error("obj.state.val ist undefined!");
                          return; // Früher zurückkehren, wenn der Wert nicht definiert ist
                        }
                      
                        var value = obj.state.val;
                        var oldValue = obj.oldState.val;
                        
                        // Extrahiert den ImageNumber aus der URL
                        ImageName = (obj.state ? obj.state.val : "").split('/');
                        
                        // Sicherstellen, dass ImageName genügend Teile hat
                        if (ImageName.length > 6) {
                          ImageNumber = ImageName[6]; // Greife auf den 7. Teil der URL zu (Index 6)
                        } else {
                          console.error("Die URL hat nicht genügend Teile. ImageName:", ImageName);
                          return; // Rückgabe, wenn die URL nicht das erwartete Format hat
                        }
                      
                        // Überprüfet, ob ImageNumber existiert und berechnet ImageNumberConverted
                        if (ImageNumber) {
                          ImageNumberConverted = parseFloat(ImageNumber.slice(0, ImageNumber.length - 4));
                        } else {
                          console.error("ImageNumber ist undefined");
                          return; // Früher zurückkehren, wenn ImageNumber nicht definiert ist
                        }
                      
                        // Berechnet die Zeit für Sonnenaufgang und Sonnenuntergang
                        var sunrise = getDateObject(getAstroDate("sunrise", undefined, 0));
                        var sunrise_m = sunrise.getHours() * 60 + sunrise.getMinutes();
                        var sunset = getDateObject(getAstroDate("sunset", undefined, 0));
                        var sunset_m = sunset.getHours() * 60 + sunset.getMinutes();
                        var now = new Date();
                        var now_m = now.getHours() * 60 + now.getMinutes();
                      
                        // Setzt den Wert für die Animation
                        setState("0_userdata.0.Wetter.WeatherAnimation.WeatherAnimation", ImageNumberConverted);
                      
                        // Logik für unterschiedliche Tageszeiten
                        if (now_m > sunset_m - 60 && now_m <= sunset_m + 60) {
                          log("dusk " + sunrise_m + " " + sunset_m);
                          setState("0_userdata.0.Wetter.WeatherAnimation.Weatherurl", obj.state.val, true);
                        } else if (now_m > sunrise_m - 60 && now_m <= sunrise_m + 60) {
                          log("dawn " + sunrise_m + " " + sunset_m);
                          NewLink = ['http://192.168.178.70:8082/vis.0/Wetter/WeatherAnimation/', ImageNumberConverted + 50, '.png'].join('');
                          setState("0_userdata.0.Wetter.WeatherAnimation.Weatherurl", NewLink, true);
                        } else if (now_m > sunrise_m + 60 && now_m <= sunset_m - 60) {
                          log("day " + sunrise_m + " " + sunset_m);
                          setState("0_userdata.0.Wetter.WeatherAnimation.Weatherurl", obj.state.val, true);
                        } else {
                          log("night " + sunrise_m + " " + sunset_m);
                          NewLink = ['http://192.168.178.70:8082/vis.0/Wetter/WeatherAnimation/', ImageNumberConverted + 50, '.png'].join('');
                          setState("0_userdata.0.Wetter.WeatherAnimation.Weatherurl", NewLink, true);
                        }
                      
                        // Konsolenausgaben für Debugging
                        console.log("ImageName:", ImageName);
                        console.log("ImageNumber:", ImageNumber);
                        console.log("ImageNumberConverted:", ImageNumberConverted);
                        console.log("sunrise_m:", sunrise_m);
                        console.log("sunset_m:", sunset_m);
                        console.log("now_m:", now_m);
                      });
                      

                      Ich habe folgenden DAtenpunkte angelegt:

                      0_userdata.0.Wetter.WeatherAnimation.WeatherAnimation
                      0_userdata.0.Wetter.WeatherAnimation.Weatherurl
                      

                      Der DAtenpunkt Animation wird befüllt mit einer Zahl, auch die WeatherURL. Aber ich erhalte dann eine z.B. Animation 2 und url http://192.168.178.70:8082/vis.0/Wetter/WeatherAnimation/52.png

                      In der VIS wird dann logischerweise auch nicht das richtige Bild angezeigt. Kann mir jemand bitte helfen?

                      edit:
                      Ich habe den Code wie folgt abgeändert:

                      var ImageName, ImageNumber, ImageNumberConverted, NewLink;
                      
                      on({id: "daswetter.0.NextHours.Location_1.Day_1.current.iconURL", change: "any"}, async function (obj) {
                        // Sicherstellen, dass obj.state und obj.state.val existieren
                        if (!obj.state || typeof obj.state.val === 'undefined') {
                          console.error("obj.state.val ist undefined!");
                          return; // Früher zurückkehren, wenn der Wert nicht definiert ist
                        }
                      
                        var value = obj.state.val;
                        var oldValue = obj.oldState.val;
                        
                        // Ausgabe der URL, um zu sehen, wie sie aussieht
                        console.log("URL:", value);
                        
                        // Falls die URL leer oder ungültig ist, logge eine Fehlermeldung
                        if (!value) {
                          console.error("Die URL (obj.state.val) ist leer oder ungültig!");
                          return;
                        }
                        
                        // Extrahiere den ImageNumber aus der URL
                        ImageName = value.split('/');
                        console.log("ImageName Teile:", ImageName); // Ausgabe der Teile nach dem Split
                      
                        // Versuchen, den Dateinamen zu extrahieren
                        if (ImageName.length > 0) {
                          // Der Dateiname könnte der letzte Teil der URL sein
                          const filename = ImageName[ImageName.length - 1];
                          console.log("Dateiname:", filename);
                      
                          // Versuchen, die Bildnummer aus dem Dateinamen zu extrahieren
                          const match = filename.match(/^(\d+)\.png$/); // Annahme: Der Dateiname ist eine Zahl gefolgt von .png
                          if (match) {
                            ImageNumber = match[1];
                            ImageNumberConverted = parseFloat(ImageNumber);
                            console.log("Extrahierte Bildnummer:", ImageNumber);
                          } else {
                            console.error("Kein gültiger Dateiname gefunden");
                            return;
                          }
                        } else {
                          console.error("Die URL hat nicht genügend Teile.");
                          return; // Rückgabe, wenn die URL nicht das erwartete Format hat
                        }
                      
                        // Berechne die Zeit für Sonnenaufgang und Sonnenuntergang
                        var sunrise = getDateObject(getAstroDate("sunrise", undefined, 0));
                        var sunrise_m = sunrise.getHours() * 60 + sunrise.getMinutes();
                        var sunset = getDateObject(getAstroDate("sunset", undefined, 0));
                        var sunset_m = sunset.getHours() * 60 + sunset.getMinutes();
                        var now = new Date();
                        var now_m = now.getHours() * 60 + now.getMinutes();
                      
                        // Setze den Wert für die Animation
                        setState("0_userdata.0.Wetter.WeatherAnimation.WeatherAnimation", ImageNumberConverted);
                      
                        // Logik für unterschiedliche Tageszeiten
                        if (now_m > sunset_m - 60 && now_m <= sunset_m + 60) {
                          log("dusk " + sunrise_m + " " + sunset_m);
                          setState("0_userdata.0.Wetter.WeatherAnimation.Weatherurl", obj.state.val, true);
                        } else if (now_m > sunrise_m - 60 && now_m <= sunrise_m + 60) {
                          log("dawn " + sunrise_m + " " + sunset_m);
                          NewLink = ['http://192.168.178.70:8082/vis.0/Wetter/WeatherAnimation/', ImageNumberConverted + 50, '.png'].join('');
                          setState("0_userdata.0.Wetter.WeatherAnimation.Weatherurl", NewLink, true);
                        } else if (now_m > sunrise_m + 60 && now_m <= sunset_m - 60) {
                          log("day " + sunrise_m + " " + sunset_m);
                          setState("0_userdata.0.Wetter.WeatherAnimation.Weatherurl", obj.state.val, true);
                        } else {
                          log("night " + sunrise_m + " " + sunset_m);
                          NewLink = ['http://192.168.178.70:8082/vis.0/Wetter/WeatherAnimation/', ImageNumberConverted + 50, '.png'].join('');
                          setState("0_userdata.0.Wetter.WeatherAnimation.Weatherurl", NewLink, true);
                        }
                      
                        // Konsolenausgaben für Debugging
                        //console.log("ImageName:", ImageName);
                        //console.log("ImageNumber:", ImageNumber);
                        //console.log("ImageNumberConverted:", ImageNumberConverted);
                        //console.log("sunrise_m:", sunrise_m);
                        //console.log("sunset_m:", sunset_m);
                        //console.log("now_m:", now_m);
                      });
                      
                      

                      Jetzt bekomme ich in

                      0_userdata.0.Wetter.WeatherAnimation.Weatherurl = /vis.0/main/Wetter/Wetter Hd/2.png
                      

                      und

                      0_userdata.0.Wetter.WeatherAnimation.WeatherAnimation = 2
                      

                      Außerdem erhalte ich noch folgenden Fehler, den ich schon einmal hatte:

                      web.0
                      2025-03-25 16:37:01.785	error	Invalid pattern on subscribe: The pattern "id: "daswetter.0.NextHours.Location_1.Day_1.current.iconURL", change: "any"" is not a valid ID pattern
                      
                      1 Reply Last reply
                      0
                      • KnallochseK Knallochse

                        @wawyo ich finde das echt klasse. Selbst benutze ich animierte Wettersymbole (gif)
                        Diese animierten Wettersymbole habe ich käuflich erworben
                        Beispiel:
                        ebc4db2235034.560a96356930d.gif
                        XHqB.gif

                        So sieht meiner Wetterview gerade aus.
                        FullSizeRender.gif

                        Ich hätte noch ein paar Anregungen für dich.
                        Ich fände es gut, wenn dein Hintergrund transparent wäre (deine Horizontgrafik & Eiszapfen am oberen Rand abschaltbar?)
                        So wäre man flexibler in der freien Gestaltung in der VIS.
                        Deine Regentropfen finde ich ein bisschen groß (nur mein Empfinden).
                        Das mit dem Herbstlaub finde ich richtig schön 👍
                        Falls du ein paar meiner animierten Gifs zur Anregung möchtest, melde dich einfach.

                        wendy2702W Offline
                        wendy2702W Offline
                        wendy2702
                        wrote on last edited by
                        #41

                        @knallochse sagte in Real Weather (Bald):

                        @wawyo ich finde das echt klasse. Selbst benutze ich animierte Wettersymbole (gif)
                        Diese animierten Wettersymbole habe ich käuflich erworben
                        Beispiel:
                        ebc4db2235034.560a96356930d.gif
                        XHqB.gif

                        So sieht meiner Wetterview gerade aus.
                        FullSizeRender.gif

                        Ich hätte noch ein paar Anregungen für dich.
                        Ich fände es gut, wenn dein Hintergrund transparent wäre (deine Horizontgrafik & Eiszapfen am oberen Rand abschaltbar?)
                        So wäre man flexibler in der freien Gestaltung in der VIS.
                        Deine Regentropfen finde ich ein bisschen groß (nur mein Empfinden).
                        Das mit dem Herbstlaub finde ich richtig schön 👍
                        Falls du ein paar meiner animierten Gifs zur Anregung möchtest, melde dich einfach.

                        Wo bekommt man denn diese Gifs? Nutzt du das noch so und funktioniert alles noch?

                        Bitte keine Fragen per PN, die gehören ins Forum!

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

                        KnallochseK 1 Reply Last reply
                        0
                        • wendy2702W wendy2702

                          @knallochse sagte in Real Weather (Bald):

                          @wawyo ich finde das echt klasse. Selbst benutze ich animierte Wettersymbole (gif)
                          Diese animierten Wettersymbole habe ich käuflich erworben
                          Beispiel:
                          ebc4db2235034.560a96356930d.gif
                          XHqB.gif

                          So sieht meiner Wetterview gerade aus.
                          FullSizeRender.gif

                          Ich hätte noch ein paar Anregungen für dich.
                          Ich fände es gut, wenn dein Hintergrund transparent wäre (deine Horizontgrafik & Eiszapfen am oberen Rand abschaltbar?)
                          So wäre man flexibler in der freien Gestaltung in der VIS.
                          Deine Regentropfen finde ich ein bisschen groß (nur mein Empfinden).
                          Das mit dem Herbstlaub finde ich richtig schön 👍
                          Falls du ein paar meiner animierten Gifs zur Anregung möchtest, melde dich einfach.

                          Wo bekommt man denn diese Gifs? Nutzt du das noch so und funktioniert alles noch?

                          KnallochseK Offline
                          KnallochseK Offline
                          Knallochse
                          wrote on last edited by Knallochse
                          #42

                          @wendy2702 Ja, dass läuft nach wie vor.
                          Ich hab mir damals ein animiertes Wetter Icon-Set (gif) gekauft. Ich weiß leider nicht mehr wo genau. Aber bei Google findet man viele verschiedene, aber meistens gegen Bezahlung.

                          Ich nutze den Adapter „Das Wetter“ mit folgenden Einstellungen

                          IMG_0246.jpeg

                          HM&HMIP über 100 Geräte + IoBroker auf DS918+ uvm.

                          1 Reply Last reply
                          0
                          • wawyoW wawyo

                            Die Bilder habe ich unter:
                            Screenshot_20210828-231221~2.png

                            Datenpunkte:
                            Screenshot_20210828-230948~2.png

                            Ich habe mehrere Datenpunkte weil ich habe meine eigene Wetterstation produziert 🤫
                            IMG_20210702_162202~2.jpg

                            wendy2702W Offline
                            wendy2702W Offline
                            wendy2702
                            wrote on last edited by
                            #43

                            @wawyo hi,

                            Gibt es vielleicht mittlerweile ein fertiges Paket oder einen Adapter den man testen könnte?

                            Bitte keine Fragen per PN, die gehören ins Forum!

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

                            1 Reply Last reply
                            0
                            Reply
                            • Reply as topic
                            Log in to reply
                            • Oldest to Newest
                            • Newest to Oldest
                            • Most Votes


                            Support us

                            ioBroker
                            Community Adapters
                            Donate

                            504

                            Online

                            32.4k

                            Users

                            81.5k

                            Topics

                            1.3m

                            Posts
                            Community
                            Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                            ioBroker Community 2014-2025
                            logo
                            • Login

                            • Don't have an account? Register

                            • Login or register to search.
                            • First post
                              Last post
                            0
                            • Home
                            • Recent
                            • Tags
                            • Unread 0
                            • Categories
                            • Unreplied
                            • Popular
                            • GitHub
                            • Docu
                            • Hilfe