Neuer Blogbeitrag: KI in ioBroker, vom Helfer im Admin bis zum eigenen Smart Assistant

[Atifan]

Hallo,
ich hatte die ganze Zeit in Lovelace eine Wettervorhersage visualisiert.
Die Daten kamen über den Adapter "Accuweather".
Leider ist der Dienst, bzw. die Nutzung der API auf der Webseite mittlerweile kostenpflichtig, daher suche ich eine Alternative, die man auch schön visualisieren kann.
Bei Accuweather kamen die Daten in IoBroker in verschiedene Datenpunkte und man konnte dann in Lovelace das ganze einfach integrieren und visualisieren.
Jetzt suche ich eine Alternative mit der man das so oder ähnlich in Lovelace darstellen kann.
Hat einer Tipps?
Schonmal Danke im Voraus :)

So sah das in Lovelace aus:

Hier die Karte:

[arteck]

@atifan sagte in Lovelace - wie Wettervorhersage visualisieren?:

Leider ist dieser mittlerweile kostenpflichtig

das stimmt nicht ganz.. nicht der Adapter ist kostenpflichtig

schau dir brightsky an als alternative

[Atifan]

@arteck Ja klar, natürlich der Dienst ist gemeint nicht der Adapter.
Danke schaue ich mir mal an.

[marian.t]

Accuweather could be replaced with free pirate-weather or brightsky adapter, but some sp's are different there:
sunrise/-set under brightsky/piraten-weather are type number. Type-Detector accepts string (as in accuweather) only and not recognise them
weather.state.forecast.0 role is weather.title.forecast.0 (in pirate-weather)
and some more BrightSky and Lovelace UI ticaki/ioBroker.brightsky#67

In my opinion it is possible to extend the Type-Detector to make pirate-weather or brightsky usable, for instance using something like
type: [StateType.String, StateType.Number] for Sun rise/-set, similar with title.

[style24]

Hallo zusammen,

ich bin auch am Visualisieren mit Lovelace - bekomme aber die Wettervorhersage nicht hin.
Kann mir jemand schritt für schritt erklären was ich da machen muss? Den Brightsky Adapter habe ich installiert und die Daten kommen auch an. Aber wenn ich bei Lovelace die Wetterkarte hinzufügen muss kommen leider nur Fehlermeldung. Eine Anleitung habe ich so irgendwie nicht gefunden trotz mehrmaligen suchen und auch Gemini kann mir nicht wirklich helfen. :-(

[Steffe.S.]

@style24 sagte:

Hallo zusammen,

ich bin auch am Visualisieren mit Lovelace - bekomme aber die Wettervorhersage nicht hin.
Kann mir jemand schritt für schritt erklären was ich da machen muss? Den Brightsky Adapter habe ich installiert und die Daten kommen auch an. Aber wenn ich bei Lovelace die Wetterkarte hinzufügen muss kommen leider nur Fehlermeldung. Eine Anleitung habe ich so irgendwie nicht gefunden trotz mehrmaligen suchen und auch Gemini kann mir nicht wirklich helfen. :-(

Geht mir genau so, ich würde mich auch über eine Erklärung oder zumindest einen Anstoß freuen.

[David G.]

Ich nutze in Lovelace das html widget vom openmeteo-notify Adapter.
Lässt sich sehr individuell konfigurieren. Ich zeige gerade sehr viele Infos an. Man kann auch eine kompakte Tagesübersucht wählen.

Zum. Einbinden nutze ich die custom:html-template-card

type: custom:html-template-card
ignore_line_breaks: true
content: |
  {openmeteo-notify.0.xxx.widget.04pr59}

Edit
So in einer simplen Einstellung

[David G.]

Habe dem Openmeteo-notify Adapter noch einen dritten Widgettyp hinzugefügt.

Version 0.3.0 ist im Latest.

[Atifan]

Ich hab mir eigene Webseite gebaut und folgendes gemacht

1. über Docker Portainer-Stack einen Webserver Container gehostet auf dem eine Wetter-Webseite läuft
2. diese Wetter-Webseite dann im Lovelace-UI eingebunden (z.B. über Webseiten-Karte)

Der Vorteil ist, man kann die Webseite nach eigenen Vorlieben gestalten, verschiedene Icons verwenden und auch nur die Werte anzeigen lassen die man benötigt. Man ist also sehr flexibel was die grafische Gestaltung angeht.

Hier der Docker-Stack den man benötigt

# --------------------------------------------------
# WETTERVORHERSAGE
#
# Zweck:
# Hostet die Wettervorhersage-Webseite und den Icon-Manager.
#
# Datenquelle:
# Die Wetterseite ruft die Wetterdaten über die REST-API
# direkt aus ioBroker ab.
#
# Weboberfläche:
# http://IP-DES-DOCKER-LXC:9999/
#
# Icon-Manager:
# http://IP-DES-DOCKER-LXC:9999/icon-manager.html
#
# --------------------------------------------------

services:

  wettervorhersage:
    image: nginx:alpine
    container_name: Wettervorhersage
    restart: unless-stopped
    ports:
      - "9999:80"
    volumes:
      - /opt/Wettervorhersage/app:/usr/share/nginx/html:ro
      - /opt/Wettervorhersage/nginx.conf:/etc/nginx/conf.d/default.conf:ro
    environment:
      TZ: "Europe/Berlin"

  wetter_icon_manager:
    image: python:3.12-alpine
    container_name: WetterIconManager
    restart: unless-stopped
    volumes:
      - /opt/Wettervorhersage/app:/app
    environment:
      TZ: "Europe/Berlin"
    command: >
      python /app/icon_manager.py

Die folgenden 4 Dateien müssen in dem Docker-Server unter /opt/Wettervorhersage/app (ohne die lässt sich der Stack auch nicht deployen)
icon_manager.py
icon-manager.html
Wetter-heute.html
Wettervorhersage.html

In den html-Dateien muss die IP von eurem Iobroker angepasst werden -> const API_BASE='http://192.168.178.111:8087'; auf eure IP ändern
Es muss der Adapter openweathermap installiert sein, auf diesen greift die Wettervorhersage-Webseite zu. Hier wird auch festgelegt aus welcher Region/PLZ die Wetterdaten kommen.
Es muss der Adapter einfache Restful Api installiert sein (Port 8087).

Mein Docker hat z.b. die IP 192.168.178.125
dann sind folgende Webseiten aufrufbar

http://192.168.178.125:9999/Wettervorhersage.html

http://192.168.178.125:9999/Wetter-heute.html

http://192.168.178.125:9999/icon-manager.html -> über diese Seite lassen sich die Icons ändern