<?xml version="1.0" encoding="UTF-8"?><rss xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:atom="http://www.w3.org/2005/Atom" version="2.0"><channel><title><![CDATA[Web-Komponenten in Aura: welche Adapter, wie sie aussehen]]></title><description><![CDATA[<p dir="auto">Stand 2026-11-09: <strong>55 Komponenten aus 29 Adaptern.</strong> Davon sind 44 aus 23 Adaptern auf npm, die übrigen 11 aus 6 Adaptern sind fertig, aber noch nicht veröffentlicht.</p>
<p dir="auto"><strong>Wichtig:</strong> Alle Versionen mit Web-Komponenten sind bisher nur im <strong>Latest</strong>-Repository, im Stable-Repository gibt es noch keine. Eine Web-Komponente läuft nicht nur in Aura, sondern in jedem Host von <code>@iobroker/web-components</code>.</p>
<p dir="auto"><strong>Zu den Bildern:</strong> Die Screenshots zeigen die Komponenten im echten Aura-Widget, mit <strong>erfundenen Demo-Daten</strong> und einem Testaufbau von Aura, der auch noch offene Pull Requests enthält. Im Detail kann es bei dir anders aussehen. Ausnahme ist openmeteo-notify: Diese Bilder stammen vom Entwickler des Adapters, David G., nicht aus dem Testaufbau. Wie Aura die Komponenten künftig im Hinzufügen-Dialog anbietet, wird gerade mit dem Aura-Entwickler abgestimmt.</p>
<h2>Übersicht</h2>
<table class="table table-bordered table-striped">
<thead>
<tr>
<th>Adapter</th>
<th>Komponenten</th>
<th>Stand</th>
</tr>
</thead>
<tbody>
<tr>
<td>alarm</td>
<td>Alarm-Panel</td>
<td>fertig, noch nicht im Adapter</td>
</tr>
<tr>
<td>assistant</td>
<td>Assistent-Chat, Sprach-Satelliten</td>
<td>auf npm ab 1.5.0 (Latest)</td>
</tr>
<tr>
<td>cameras</td>
<td>RTSP Camera, Snapshot Camera</td>
<td>auf npm ab 3.4.0 (Latest)</td>
</tr>
<tr>
<td>dreame</td>
<td>Dreame-Roboter</td>
<td>fertig, noch nicht im Adapter</td>
</tr>
<tr>
<td>dwd</td>
<td>DWD-Warnung</td>
<td>auf npm ab 3.1.0 (Latest)</td>
</tr>
<tr>
<td>echarts</td>
<td>E-Charts</td>
<td>fertig, Veröffentlichung noch offen</td>
</tr>
<tr>
<td>eventlist</td>
<td>Alarme, Ereignisse, Letztes Ereignis, PDF</td>
<td>fertig, Veröffentlichung noch offen</td>
</tr>
<tr>
<td>flow</td>
<td>Fluss-Diagramm</td>
<td>auf npm ab 0.2.0 (Latest)</td>
</tr>
<tr>
<td>frigate</td>
<td>Frigate-Livebild, Frigate-Standbild</td>
<td>auf npm ab 3.3.0 (Latest)</td>
</tr>
<tr>
<td>fullcalendar</td>
<td>Kalender</td>
<td>auf npm ab 3.4.0 (Latest)</td>
</tr>
<tr>
<td>intercom</td>
<td>Telefon</td>
<td>auf npm ab 0.3.0 (Latest)</td>
</tr>
<tr>
<td>kisshome-defender</td>
<td>KISSHome</td>
<td>auf npm ab 4.1.0 (Latest)</td>
</tr>
<tr>
<td>lgtv</td>
<td>TV steuern</td>
<td>auf npm ab 3.2.0 (Latest)</td>
</tr>
<tr>
<td>music-assistant</td>
<td>Music-Assistant-Player</td>
<td>auf npm ab 0.2.1 (Latest)</td>
</tr>
<tr>
<td>nmea</td>
<td>NMEA-AIS-Radar, NMEA-Ankerposition, NMEA-Autopilot, NMEA-Kompass, NMEA-Diagramm, Instrument, NMEA-Ruder, NMEA-Wind</td>
<td>auf npm ab 3.1.0 (Latest)</td>
</tr>
<tr>
<td>openmeteo-notify</td>
<td>Open-Meteo Wetter, Open-Meteo Bildschirmschoner</td>
<td>auf npm ab 0.5.0 (Latest)</td>
</tr>
<tr>
<td>opensmartcity</td>
<td>Open Smart City Karte</td>
<td>auf npm ab 0.4.0 (Latest)</td>
</tr>
<tr>
<td>openweathermap</td>
<td>Wetter</td>
<td>auf npm ab 2.3.0 (Latest)</td>
</tr>
<tr>
<td>ping</td>
<td>Ping Device, Ping Overview</td>
<td>auf npm ab 3.2.0 (Latest)</td>
</tr>
<tr>
<td>plex</td>
<td>Plex - Aktivitäten, Plex - Läuft gerade, Plex - Wiedergabestatistik (Tautulli)</td>
<td>fertig, noch nicht im Adapter</td>
</tr>
<tr>
<td>scenes</td>
<td>Szenen-Button</td>
<td>auf npm ab 5.3.0 (Latest)</td>
</tr>
<tr>
<td>scheduler</td>
<td>Planer</td>
<td>auf npm ab 2.1.0 (Latest)</td>
</tr>
<tr>
<td>sonos</td>
<td>SONOS-Steuerzentrale, SONOS player, SONOS rooms</td>
<td>auf npm ab 4.6.0 (Latest)</td>
</tr>
<tr>
<td>teltonika</td>
<td>Teltonika-Geräte, Teltonika Person, Teltonika-Ports, Teltonika Anwesenheit</td>
<td>auf npm ab 1.3.0 (Latest)</td>
</tr>
<tr>
<td>tr-064</td>
<td>FRITZ!Box, Wi-Fi QR code, Mesh-Topologie, Person, Anwesenheit</td>
<td>auf npm ab 5.4.0 (Latest)</td>
</tr>
<tr>
<td>trashschedule</td>
<td>Müllabfuhr</td>
<td>fertig, <a href="https://github.com/klein0r/ioBroker.trashschedule/pull/492" rel="nofollow ugc">PR #492</a> wartet auf den Maintainer klein0r</td>
</tr>
<tr>
<td>vofo-speedtest</td>
<td>Vofo-Speedtest</td>
<td>auf npm ab 3.0.1 (Latest)</td>
</tr>
<tr>
<td>wattcycle</td>
<td>WattCycle battery</td>
<td>auf npm ab 2.1.0 (Latest)</td>
</tr>
<tr>
<td>witmotion</td>
<td>Wit Motion</td>
<td>auf npm ab 2.2.0 (Latest)</td>
</tr>
</tbody>
</table>
<h2>Noch offen</h2>
<p dir="auto">Die generischen Widget-Sets (vis-2-widgets-material, -gauges, -energy, hqwidgets, metro, jqui-mfd) haben noch keine Web-Komponenten. Das ist möglich, aber noch nicht geplant.</p>
<h2>Alle Komponenten</h2>
<h3>alarm</h3>
<h4>Alarm-Panel (<code>&lt;iob-alarm-panel&gt;</code>)</h4>
<p dir="auto">Modi, Zonen und Status einer Alarm-Instanz; eine kleine Kachel öffnet das ganze Panel</p>
<p dir="auto"><img src="/assets/uploads/files/1794222888864-iob-alarm-panel.png" alt="Alarm-Panel" class="img-markdown  img-fluid" width="784" height="760" /></p>
<h3>assistant</h3>
<h4>Assistent-Chat (<code>&lt;iob-assistant-chat&gt;</code>)</h4>
<p dir="auto">Mit dem Assistenten vom Dashboard aus sprechen: Frage tippen oder sagen, die Antworten live</p>
<p dir="auto"><img src="/assets/uploads/files/1794222900476-iob-assistant-chat.png" alt="Assistent-Chat" class="img-markdown  img-fluid" width="908" height="1420" /></p>
<h4>Sprach-Satelliten (<code>&lt;iob-assistant-satellites&gt;</code>)</h4>
<p dir="auto">Die Sprach-Satelliten des Assistenten live - Status, Raum, zuletzt gesehen - mit Ansagen auf einem oder allen</p>
<p dir="auto"><img src="/assets/uploads/files/1794222900870-iob-assistant-satellites.png" alt="Sprach-Satelliten" class="img-markdown  img-fluid" width="970" height="700" /></p>
<h3>cameras</h3>
<h4>RTSP Camera (<code>&lt;iob-cameras-rtsp&gt;</code>)</h4>
<p dir="auto">Livebild einer RTSP-Kamera</p>
<p dir="auto"><img src="/assets/uploads/files/1794222901151-iob-cameras-rtsp.png" alt="RTSP Camera" class="img-markdown  img-fluid" width="846" height="580" /></p>
<h4>Snapshot Camera (<code>&lt;iob-cameras-snapshot&gt;</code>)</h4>
<p dir="auto">Regelmäßig aktualisiertes Standbild einer Kamera</p>
<p dir="auto"><img src="/assets/uploads/files/1794222901447-iob-cameras-snapshot.png" alt="Snapshot Camera" class="img-markdown  img-fluid" width="846" height="580" /></p>
<h3>dreame</h3>
<h4>Dreame-Roboter (<code>&lt;iob-dreame-robot&gt;</code>)</h4>
<p dir="auto">Status und Karte eines Dreame-Roboters mit Start, Pause, Stopp und Station; ein Klick zeigt alles größer</p>
<p dir="auto"><img src="/assets/uploads/files/1794222901732-iob-dreame-robot.png" alt="Dreame-Roboter" class="img-markdown  img-fluid" width="784" height="880" /></p>
<h3>dwd</h3>
<h4>DWD-Warnung (<code>&lt;iob-dwd-warnings&gt;</code>)</h4>
<p dir="auto">Aktuelle Wetterwarnung des Deutschen Wetterdienstes</p>
<p dir="auto"><img src="/assets/uploads/files/1794222902023-iob-dwd-warnings.png" alt="DWD-Warnung" class="img-markdown  img-fluid" width="1218" height="400" /></p>
<h3>echarts</h3>
<h4>E-Charts (<code>&lt;iob-echarts-chart&gt;</code>)</h4>
<p dir="auto">Zeigt ein ECharts-Preset oder den Verlauf eines einzelnen Datenpunkts als interaktives Diagramm.</p>
<p dir="auto"><img src="/assets/uploads/files/1794222902303-iob-echarts-chart.png" alt="E-Charts" class="img-markdown  img-fluid" width="1342" height="700" /></p>
<h3>eventlist</h3>
<h4>Alarme (<code>&lt;iob-eventlist-alarms&gt;</code>)</h4>
<p dir="auto">Die anstehenden Alarme, die Ereignisse und das Alarmjournal - in einem kleinen Feld der schlimmste Alarm, ein Klick zeigt die Listen</p>
<p dir="auto"><img src="/assets/uploads/files/1794222902705-iob-eventlist-alarms.png" alt="Alarme" class="img-markdown  img-fluid" width="1404" height="940" /></p>
<h4>Ereignisse (<code>&lt;iob-eventlist-events&gt;</code>)</h4>
<p dir="auto">Die Ereignisliste als Tabelle</p>
<p dir="auto"><img src="/assets/uploads/files/1794222903073-iob-eventlist-events.png" alt="Ereignisse" class="img-markdown  img-fluid" width="1404" height="700" /></p>
<h4>Letztes Ereignis (<code>&lt;iob-eventlist-last-event&gt;</code>)</h4>
<p dir="auto">Das neueste Ereignis, ein Klick zeigt die ganze Liste</p>
<p dir="auto"><img src="/assets/uploads/files/1794222903325-iob-eventlist-last-event.png" alt="Letztes Ereignis" class="img-markdown  img-fluid" width="660" height="340" /></p>
<h4>PDF (<code>&lt;iob-eventlist-pdf&gt;</code>)</h4>
<p dir="auto">Erzeugt die Ereignisliste als PDF-Datei und öffnet sie</p>
<p dir="auto"><img src="/assets/uploads/files/1794222904045-iob-eventlist-pdf.png" alt="PDF" class="img-markdown  img-fluid" width="476" height="220" /></p>
<h3>flow</h3>
<h4>Fluss-Diagramm (<code>&lt;iob-flow-diagram&gt;</code>)</h4>
<p dir="auto">Animiertes Fluss-Diagramm für Energie, Wasser, Gas oder Wärme. Zeigt ein Diagramm, das im Tab „Fluss“ des Admins gezeichnet wird.</p>
<p dir="auto"><img src="/assets/uploads/files/1794222904652-iob-flow-diagram.png" alt="Fluss-Diagramm" class="img-markdown  img-fluid" width="1032" height="700" /></p>
<h3>frigate</h3>
<h4>Frigate-Livebild (<code>&lt;iob-frigate-live&gt;</code>)</h4>
<p dir="auto">Live-MJPEG-Stream einer Frigate-Kamera über den Web-Adapter</p>
<p dir="auto"><img src="/assets/uploads/files/1794222904931-iob-frigate-live.png" alt="Frigate-Livebild" class="img-markdown  img-fluid" width="846" height="580" /></p>
<h4>Frigate-Standbild (<code>&lt;iob-frigate-snapshot&gt;</code>)</h4>
<p dir="auto">Regelmäßig aktualisiertes Standbild einer Frigate-Kamera</p>
<p dir="auto"><img src="/assets/uploads/files/1794222905286-iob-frigate-snapshot.png" alt="Frigate-Standbild" class="img-markdown  img-fluid" width="846" height="580" /></p>
<h3>fullcalendar</h3>
<h4>Kalender (<code>&lt;iob-fullcalendar&gt;</code>)</h4>
<p dir="auto">Die geplanten Ereignisse einer Instanz von fullcalendar als Monat, Woche, Tag oder Liste; Ereignisse lassen sich anlegen, verschieben und bearbeiten</p>
<p dir="auto"><img src="/assets/uploads/files/1794222905634-iob-fullcalendar.png" alt="Kalender" class="img-markdown  img-fluid" width="1898" height="1240" /></p>
<h3>intercom</h3>
<h4>Telefon (<code>&lt;iob-intercom-phone&gt;</code>)</h4>
<p dir="auto">Telefon und Türsprechanlage über WebRTC; eine kleine Kachel öffnet das ganze Telefon</p>
<p dir="auto"><img src="/assets/uploads/files/1794222905923-iob-intercom-phone.png" alt="Telefon" class="img-markdown  img-fluid" width="784" height="1000" /></p>
<h3>kisshome-defender</h3>
<h4>KISSHome (<code>&lt;iob-kisshome-defender&gt;</code>)</h4>
<p dir="auto">Schutzstatus, Statistiken zum Datenvolumen und Erkennungen von KISSHome-Defender</p>
<p dir="auto"><img src="/assets/uploads/files/1794222906228-iob-kisshome-defender.png" alt="KISSHome" class="img-markdown  img-fluid" width="1156" height="880" /></p>
<h3>lgtv</h3>
<h4>TV steuern (<code>&lt;iob-lgtv-remote&gt;</code>)</h4>
<p dir="auto">Fernbedienung für den LG WebOS TV</p>
<p dir="auto"><img src="/assets/uploads/files/1794222906521-iob-lgtv-remote.png" alt="TV steuern" class="img-markdown  img-fluid" width="600" height="1000" /></p>
<h3>music-assistant</h3>
<h4>Music-Assistant-Player (<code>&lt;iob-ma-player&gt;</code>)</h4>
<p dir="auto">Cover, Titel und Bedienung eines Music-Assistant-Players</p>
<p dir="auto"><img src="/assets/uploads/files/1794222906906-iob-ma-player.png" alt="Music-Assistant-Player" class="img-markdown  img-fluid" width="846" height="460" /></p>
<h3>nmea</h3>
<h4>NMEA-AIS-Radar (<code>&lt;iob-nmea-ais-radar&gt;</code>)</h4>
<p dir="auto">AIS-Ziele um das eigene Boot auf einer Seekarte, mit Spuren und COG-Vektoren</p>
<p dir="auto"><img src="/assets/uploads/files/1794222907387-iob-nmea-ais-radar.png" alt="NMEA-AIS-Radar" class="img-markdown  img-fluid" width="1032" height="1000" /></p>
<h4>NMEA-Ankerposition (<code>&lt;iob-nmea-anchor-position&gt;</code>)</h4>
<p dir="auto">Anker, Boot, Schwojkreis und Spur auf einer Karte, mit dem Ankeralarm</p>
<p dir="auto"><img src="/assets/uploads/files/1794222907794-iob-nmea-anchor-position.png" alt="NMEA-Ankerposition" class="img-markdown  img-fluid" width="1032" height="760" /></p>
<h4>NMEA-Autopilot (<code>&lt;iob-nmea-autopilot&gt;</code>)</h4>
<p dir="auto">Autopilot: Modus, gehaltener Kurs, Ruder und die Tasten zum Steuern</p>
<p dir="auto"><img src="/assets/uploads/files/1794222908097-iob-nmea-autopilot.png" alt="NMEA-Autopilot" class="img-markdown  img-fluid" width="908" height="940" /></p>
<h4>NMEA-Kompass (<code>&lt;iob-nmea-compass&gt;</code>)</h4>
<p dir="auto">Kompass mit Kurs über Grund, wahrer Windrichtung und Ruder</p>
<p dir="auto"><img src="/assets/uploads/files/1794222909924-iob-nmea-compass.png" alt="NMEA-Kompass" class="img-markdown  img-fluid" width="722" height="700" /></p>
<h4>NMEA-Diagramm (<code>&lt;iob-nmea-history-chart&gt;</code>)</h4>
<p dir="auto">Live-Diagramm eines Wertes mit Minimum, Mittelwert und Maximum, gefüllt aus dem Verlauf</p>
<p dir="auto"><img src="/assets/uploads/files/1794222910247-iob-nmea-history-chart.png" alt="NMEA-Diagramm" class="img-markdown  img-fluid" width="1032" height="520" /></p>
<h4>Instrument (<code>&lt;iob-nmea-instrument&gt;</code>)</h4>
<p dir="auto">Ein oder mehrere Werte wie auf einem Bordinstrument, einer nach dem anderen</p>
<p dir="auto"><img src="/assets/uploads/files/1794222910521-iob-nmea-instrument.png" alt="Instrument" class="img-markdown  img-fluid" width="660" height="340" /></p>
<h4>NMEA-Ruder (<code>&lt;iob-nmea-rudder&gt;</code>)</h4>
<p dir="auto">Ruderlagenanzeiger, der kleine Winkel vergrößert</p>
<p dir="auto"><img src="/assets/uploads/files/1794222910800-iob-nmea-rudder.png" alt="NMEA-Ruder" class="img-markdown  img-fluid" width="722" height="640" /></p>
<h4>NMEA-Wind (<code>&lt;iob-nmea-wind&gt;</code>)</h4>
<p dir="auto">Windinstrument: scheinbarer und wahrer Wind, Kurs, COG, Strom und Drift, AWS, TWS, STW und SOG</p>
<p dir="auto"><img src="/assets/uploads/files/1794222911165-iob-nmea-wind.png" alt="NMEA-Wind" class="img-markdown  img-fluid" width="846" height="820" /></p>
<h3>openmeteo-notify</h3>
<h4>Open-Meteo Wetter (<code>&lt;iob-openmeteo-widget&gt;</code>)</h4>
<p dir="auto">Wetter-Widget, aus den Adapter-Einstellungen oder direkt hier eingestellt. Drei Darstellungen: einfach, detailliert oder als Diagramm. Größe, Icons und Inhalte sind einstellbar.</p>
<p dir="auto">Einfach:</p>
<p dir="auto"><img src="/assets/uploads/files/1794233122838-0e2b5a6c-65de-4bdd-b979-9deb559fbda5-image.jpeg" alt="Open-Meteo Wetter, einfach" class="img-markdown  img-fluid" width="449" height="243" /></p>
<p dir="auto">Detailliert:</p>
<p dir="auto"><img src="/assets/uploads/files/1794233199267-ff6e7021-a660-483e-b233-b388a7bcd9d0-image.jpeg" alt="Open-Meteo Wetter, detailliert" class="img-markdown  img-fluid" width="464" height="363" /></p>
<p dir="auto">Diagramm:</p>
<p dir="auto"><img src="/assets/uploads/files/1794233239139-d91884f6-a329-463d-b249-693bd80254f9-image.jpeg" alt="Open-Meteo Wetter, Diagramm" class="img-markdown  img-fluid" width="485" height="426" /></p>
<h4>Open-Meteo Bildschirmschoner (<code>&lt;iob-openmeteo-wallpaper&gt;</code>)</h4>
<p dir="auto">Animierte Wetterszene, als Kachel oder Vollbild</p>
<p dir="auto"><img src="/assets/uploads/files/1794233305878-01717476-6eab-473a-87a2-ee0a736e20e9-image.jpeg" alt="Open-Meteo Bildschirmschoner" class="img-markdown  img-fluid" width="1031" height="675" /></p>
<h3>opensmartcity</h3>
<h4>Open Smart City Karte (<code>&lt;iob-opensmartcity-map&gt;</code>)</h4>
<p dir="auto">Die Stationen einer OpenSmartCity-Instanz mit ihren aktuellen Werten auf einer OpenStreetMap-Karte</p>
<p dir="auto"><img src="/assets/uploads/files/1794222911721-iob-opensmartcity-map.png" alt="Open Smart City Karte" class="img-markdown  img-fluid" width="1342" height="820" /></p>
<h3>openweathermap</h3>
<h4>Wetter (<code>&lt;iob-openweathermap-weather&gt;</code>)</h4>
<p dir="auto">Aktuelles Wetter und die Vorhersage für bis zu sechs Tage von OpenWeatherMap</p>
<p dir="auto"><img src="/assets/uploads/files/1794222912001-iob-openweathermap-weather.png" alt="Wetter" class="img-markdown  img-fluid" width="908" height="520" /></p>
<h3>ping</h3>
<h4>Ping Device (<code>&lt;iob-ping-device&gt;</code>)</h4>
<p dir="auto">Zeigt, ob ein Gerät antwortet, mit seiner IP-Adresse und Antwortzeit</p>
<p dir="auto"><img src="/assets/uploads/files/1794222912394-iob-ping-device.png" alt="Ping Device" class="img-markdown  img-fluid" width="352" height="340" /></p>
<h4>Ping Overview (<code>&lt;iob-ping-overview&gt;</code>)</h4>
<p dir="auto">Zeigt, wie viele Geräte antworten; alle Geräte in einem Dialog</p>
<p dir="auto"><img src="/assets/uploads/files/1794222912659-iob-ping-overview.png" alt="Ping Overview" class="img-markdown  img-fluid" width="352" height="340" /></p>
<h3>plex</h3>
<h4>Plex - Aktivitäten (<code>&lt;iob-plex-activity&gt;</code>)</h4>
<p dir="auto">Die letzten Ereignisse des Plex-Servers - abgespielt, pausiert, gestoppt, neu in der Bibliothek - nach Tagen gruppiert; ein Klick zeigt die Details</p>
<p dir="auto"><img src="/assets/uploads/files/1794222913009-iob-plex-activity.png" alt="Plex - Aktivitäten" class="img-markdown  img-fluid" width="784" height="1180" /></p>
<h4>Plex - Läuft gerade (<code>&lt;iob-plex-now-playing&gt;</code>)</h4>
<p dir="auto">Was gerade auf den Plex-Playern läuft: Cover, Titel, Benutzer, Fortschritt und Bedienung für steuerbare Player</p>
<p dir="auto"><img src="/assets/uploads/files/1794222913295-iob-plex-now-playing.png" alt="Plex - Läuft gerade" class="img-markdown  img-fluid" width="908" height="820" /></p>
<h4>Plex - Wiedergabestatistik (Tautulli) (<code>&lt;iob-plex-stats&gt;</code>)</h4>
<p dir="auto">Die Benutzer und Bibliotheken mit der meisten Wiedergabezeit in den letzten 24 Stunden, 7 Tagen, 30 Tagen oder insgesamt. Benötigt Tautulli und dessen Statistik in den Einstellungen der Instanz</p>
<p dir="auto"><img src="/assets/uploads/files/1794222914132-iob-plex-stats.png" alt="Plex - Wiedergabestatistik (Tautulli)" class="img-markdown  img-fluid" width="1094" height="520" /></p>
<h3>scenes</h3>
<h4>Szenen-Button (<code>&lt;iob-scenes-scene&gt;</code>)</h4>
<p dir="auto">Szene per Klick aktivieren</p>
<p dir="auto"><img src="/assets/uploads/files/1794222914406-iob-scenes-scene.png" alt="Szenen-Button" class="img-markdown  img-fluid" width="352" height="340" /></p>
<h3>scheduler</h3>
<h4>Planer (<code>&lt;iob-scheduler-profile&gt;</code>)</h4>
<p dir="auto">Zeigt und bearbeitet ein Profil des Planers: den Wert jedes Intervalls des Tages und die Wochentage</p>
<p dir="auto"><img src="/assets/uploads/files/1794222914733-iob-scheduler-profile.png" alt="Planer" class="img-markdown  img-fluid" width="1342" height="760" /></p>
<h3>sonos</h3>
<h4>SONOS-Steuerzentrale (<code>&lt;iob-sonos-control&gt;</code>)</h4>
<p dir="auto">Alle Lautsprecher einer Instanz auf einen Blick; der gewählte mit Player, Gruppe und Mediathek (Favoriten, Wiedergabelisten, Warteschlange, Musikdienste)</p>
<p dir="auto"><img src="/assets/uploads/files/1794222915281-iob-sonos-control.png" alt="SONOS-Steuerzentrale" class="img-markdown  img-fluid" width="1838" height="1120" /></p>
<h4>SONOS player (<code>&lt;iob-sonos-player&gt;</code>)</h4>
<p dir="auto">Player eines SONOS-Lautsprechers</p>
<p dir="auto"><img src="/assets/uploads/files/1794222915633-iob-sonos-player.png" alt="SONOS player" class="img-markdown  img-fluid" width="908" height="580" /></p>
<h4>SONOS rooms (<code>&lt;iob-sonos-rooms&gt;</code>)</h4>
<p dir="auto">Übersicht und Gruppierung aller SONOS-Lautsprecher</p>
<p dir="auto"><img src="/assets/uploads/files/1794222915915-iob-sonos-rooms.png" alt="SONOS rooms" class="img-markdown  img-fluid" width="970" height="820" /></p>
<h3>teltonika</h3>
<h4>Teltonika-Geräte (<code>&lt;iob-teltonika-devices&gt;</code>)</h4>
<p dir="auto">Zeigt alle Teltonika-Geräte als Kacheln, mit Port-Zuständen und Mobilfunkstatus</p>
<p dir="auto"><img src="/assets/uploads/files/1794222916739-iob-teltonika-devices.png" alt="Teltonika-Geräte" class="img-markdown  img-fluid" width="1404" height="760" /></p>
<h4>Teltonika Person (<code>&lt;iob-teltonika-person&gt;</code>)</h4>
<p dir="auto">Eine Person der Anwesenheitserkennung: zu Hause oder abwesend, seit wann, letztes Kommen und Gehen, Verlauf per Klick</p>
<p dir="auto"><img src="/assets/uploads/files/1794222917214-iob-teltonika-person.png" alt="Teltonika Person" class="img-markdown  img-fluid" width="784" height="1060" /></p>
<h4>Teltonika-Ports (<code>&lt;iob-teltonika-ports&gt;</code>)</h4>
<p dir="auto">Frontblende eines Geräts: Link, Geschwindigkeit und Durchsatz je Port</p>
<p dir="auto"><img src="/assets/uploads/files/1794222917521-iob-teltonika-ports.png" alt="Teltonika-Ports" class="img-markdown  img-fluid" width="908" height="460" /></p>
<h4>Teltonika Anwesenheit (<code>&lt;iob-teltonika-presence&gt;</code>)</h4>
<p dir="auto">Die Personen der Anwesenheitserkennung: anwesend oder abwesend, wie lange, und wann sie kamen oder gingen</p>
<p dir="auto"><img src="/assets/uploads/files/1794222917880-iob-teltonika-presence.png" alt="Teltonika Anwesenheit" class="img-markdown  img-fluid" width="660" height="640" /></p>
<h3>tr-064</h3>
<h4>FRITZ!Box (<code>&lt;iob-tr064-fritzbox&gt;</code>)</h4>
<p dir="auto">Zustand der FRITZ!Box, ein Klick zeigt die Mesh-Topologie</p>
<p dir="auto"><img src="/assets/uploads/files/1794222918314-iob-tr064-fritzbox.png" alt="FRITZ!Box" class="img-markdown  img-fluid" width="784" height="580" /></p>
<h4>Wi-Fi QR code (<code>&lt;iob-tr064-guest-wlan&gt;</code>)</h4>
<p dir="auto">QR-Code des Gast-WLANs oder des eigenen WLANs (2,4 / 5 / 6 GHz) zum Verbinden mit der Handykamera: auf der Kachel, im Dialog nach einem Klick oder nach einer PIN</p>
<p dir="auto"><img src="/assets/uploads/files/1794222918596-iob-tr064-guest-wlan.png" alt="Wi-Fi QR code" class="img-markdown  img-fluid" width="476" height="580" /></p>
<h4>Mesh-Topologie (<code>&lt;iob-tr064-mesh&gt;</code>)</h4>
<p dir="auto">Mesh-Topologie der FRITZ!Box: Mesh Master, Repeater und die verbundenen Geräte</p>
<p dir="auto"><img src="/assets/uploads/files/1794222918943-iob-tr064-mesh.png" alt="Mesh-Topologie" class="img-markdown  img-fluid" width="1776" height="1360" /></p>
<h4>Person (<code>&lt;iob-tr064-person&gt;</code>)</h4>
<p dir="auto">Anwesenheit einer Person: zu Hause oder unterwegs, seit wann, zuletzt gekommen und gegangen, ein Klick zeigt das Kommen und Gehen</p>
<p dir="auto"><img src="/assets/uploads/files/1794222919307-iob-tr064-person.png" alt="Person" class="img-markdown  img-fluid" width="660" height="940" /></p>
<h4>Anwesenheit (<code>&lt;iob-tr064-presence&gt;</code>)</h4>
<p dir="auto">Die Geräte des Reiters "Geräte" oder die Personen des Reiters "Personen" der Instanz: anwesend oder abwesend</p>
<p dir="auto"><img src="/assets/uploads/files/1794222919631-iob-tr064-presence.png" alt="Anwesenheit" class="img-markdown  img-fluid" width="660" height="760" /></p>
<h3>trashschedule</h3>
<h4>Müllabfuhr (<code>&lt;iob-trashschedule-pickups&gt;</code>)</h4>
<p dir="auto">Zeigt die nächsten Müllabfuhren an</p>
<p dir="auto"><img src="/assets/uploads/files/1794222919983-iob-trashschedule-pickups.png" alt="Müllabfuhr" class="img-markdown  img-fluid" width="1032" height="460" /></p>
<h3>vofo-speedtest</h3>
<h4>Vofo-Speedtest (<code>&lt;iob-vofo-speedtest&gt;</code>)</h4>
<p dir="auto">Download, Upload und Ping des letzten Speedtests, mit einem Button zum Starten eines neuen Tests</p>
<p dir="auto"><img src="/assets/uploads/files/1794222920343-iob-vofo-speedtest.png" alt="Vofo-Speedtest" class="img-markdown  img-fluid" width="908" height="640" /></p>
<h3>wattcycle</h3>
<h4>WattCycle battery (<code>&lt;iob-wattcycle-battery&gt;</code>)</h4>
<p dir="auto">Ladezustand, Lade-/Entladestatus, Spannung, Strom, Leistung, Zustand und Zellen einer WattCycle-Batterie</p>
<p dir="auto"><img src="/assets/uploads/files/1794222920618-iob-wattcycle-battery.png" alt="WattCycle battery" class="img-markdown  img-fluid" width="908" height="520" /></p>
<h3>witmotion</h3>
<h4>Wit Motion (<code>&lt;iob-witmotion-orientation&gt;</code>)</h4>
<p dir="auto">Neigung und Kompassrichtung eines WitMotion-Sensors</p>
<p dir="auto"><img src="/assets/uploads/files/1794222920932-iob-witmotion-orientation.png" alt="Wit Motion" class="img-markdown  img-fluid" width="908" height="520" /></p>
]]></description><link>https://forum.iobroker.net/topic/85793/web-komponenten-in-aura-welche-adapter-wie-sie-aussehen</link><generator>RSS for Node</generator><lastBuildDate>Mon, 09 Nov 2026 15:56:28 GMT</lastBuildDate><atom:link href="https://forum.iobroker.net/topic/85793.rss" rel="self" type="application/rss+xml"/><pubDate>Mon, 09 Nov 2026 10:58:36 GMT</pubDate><ttl>60</ttl><item><title><![CDATA[Reply to Web-Komponenten in Aura: welche Adapter, wie sie aussehen on Mon, 09 Nov 2026 15:42:47 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/beetle-fan" aria-label="Profile: beetle-fan">@<bdi>beetle-fan</bdi></a> Doch, die sind schon auswählbar. Ab Aura 0.106.0 erscheint jede Web-Komponente eines installierten Adapters im Dialog <strong>Neues Widget</strong> unter <strong>Weitere Widgets</strong> als eigenes Widget, mit Name, Icon und eigenen Einstellungen.</p>
<p dir="auto">Voraussetzung ist, dass der jeweilige Adapter in einer Version mit Web-Komponenten installiert ist. Die gibt es bisher nur im Latest-Repository (Versionen siehe Liste im ersten Beitrag). Wenn die Komponente nach der Installation noch nicht auftaucht, Aura im Browser einfach neu laden.</p>
<p dir="auto">Wie der Dialog die Komponenten künftig anbietet, stimmen wir gerade mit dem Aura-Entwickler ab. Das kann sich also noch ändern.</p>
]]></description><link>https://forum.iobroker.net/post/1362475</link><guid isPermaLink="true">https://forum.iobroker.net/post/1362475</guid><dc:creator><![CDATA[Bluefox]]></dc:creator><pubDate>Mon, 09 Nov 2026 15:42:47 GMT</pubDate></item><item><title><![CDATA[Reply to Web-Komponenten in Aura: welche Adapter, wie sie aussehen on Mon, 09 Nov 2026 15:00:55 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/oliverio" aria-label="Profile: oliverio">@<bdi>oliverio</bdi></a> <a class="plugin-mentions-user plugin-mentions-a" href="/user/bluefox" aria-label="Profile: bluefox">@<bdi>bluefox</bdi></a>  Danke für die Erläuterung. Auswählbar in Aura sind die aber noch nicht, oder?</p>
]]></description><link>https://forum.iobroker.net/post/1362465</link><guid isPermaLink="true">https://forum.iobroker.net/post/1362465</guid><dc:creator><![CDATA[beetle-fan]]></dc:creator><pubDate>Mon, 09 Nov 2026 15:00:55 GMT</pubDate></item><item><title><![CDATA[Reply to Web-Komponenten in Aura: welche Adapter, wie sie aussehen on Mon, 09 Nov 2026 14:40:11 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/david-g." aria-label="Profile: david-g.">@<bdi>david-g.</bdi></a> habe ergänzt</p>
]]></description><link>https://forum.iobroker.net/post/1362463</link><guid isPermaLink="true">https://forum.iobroker.net/post/1362463</guid><dc:creator><![CDATA[Bluefox]]></dc:creator><pubDate>Mon, 09 Nov 2026 14:40:11 GMT</pubDate></item><item><title><![CDATA[Reply to Web-Komponenten in Aura: welche Adapter, wie sie aussehen on Mon, 09 Nov 2026 14:41:52 GMT]]></title><description><![CDATA[<p dir="auto">Widget einfach<br />
<img src="/assets/uploads/files/1794233122838-0e2b5a6c-65de-4bdd-b979-9deb559fbda5-image.jpeg" alt="image.jpeg" class="img-markdown  img-fluid" width="449" height="243" /><br />
Widget detailiert<br />
<img src="/assets/uploads/files/1794233199267-ff6e7021-a660-483e-b233-b388a7bcd9d0-image.jpeg" alt="image.jpeg" class="img-markdown  img-fluid" width="464" height="363" /><br />
Widget Diegramm<br />
<img src="/assets/uploads/files/1794233239139-d91884f6-a329-463d-b249-693bd80254f9-image.jpeg" alt="image.jpeg" class="img-markdown  img-fluid" width="485" height="426" /><br />
Bildschirmschoner Animiert mit Live Wetter und Tageszeit<br />
<img src="/assets/uploads/files/1794233305878-01717476-6eab-473a-87a2-ee0a736e20e9-image.jpeg" alt="image.jpeg" class="img-markdown  img-fluid" width="1031" height="675" /></p>
<p dir="auto">Alle konfigurierbar in größe, Icons, Inhalte usw.</p>
]]></description><link>https://forum.iobroker.net/post/1362459</link><guid isPermaLink="true">https://forum.iobroker.net/post/1362459</guid><dc:creator><![CDATA[David G.]]></dc:creator><pubDate>Mon, 09 Nov 2026 14:41:52 GMT</pubDate></item><item><title><![CDATA[Reply to Web-Komponenten in Aura: welche Adapter, wie sie aussehen on Mon, 09 Nov 2026 13:34:27 GMT]]></title><description><![CDATA[<blockquote>
<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/david-g." aria-label="Profile: David-G.">@<bdi>David-G.</bdi></a> <a href="/post/1362453">sagte</a>:</p>
<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/bluefox" aria-label="Profile: Bluefox">@<bdi>Bluefox</bdi></a></p>
<p dir="auto">Ich meine wenn ich in die Liste dem ertsten Post mit möchte, wu die verfügbaren Widgets vorgestellt werden.<br />
Oder läuft da ein Bot im hintergund der die Adapter sicht und das erstellt.</p>
</blockquote>
<p dir="auto">Gib mir die Bilder und ich werden Post ergänzen</p>
]]></description><link>https://forum.iobroker.net/post/1362456</link><guid isPermaLink="true">https://forum.iobroker.net/post/1362456</guid><dc:creator><![CDATA[Bluefox]]></dc:creator><pubDate>Mon, 09 Nov 2026 13:34:27 GMT</pubDate></item><item><title><![CDATA[Reply to Web-Komponenten in Aura: welche Adapter, wie sie aussehen on Mon, 09 Nov 2026 13:28:01 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/bluefox" aria-label="Profile: Bluefox">@<bdi>Bluefox</bdi></a></p>
<p dir="auto">Ich meine wenn ich in die Liste dem ertsten Post mit möchte, wu die verfügbaren Widgets vorgestellt werden.<br />
Oder läuft da ein Bot im hintergund der die Adapter sicht und das erstellt.</p>
]]></description><link>https://forum.iobroker.net/post/1362453</link><guid isPermaLink="true">https://forum.iobroker.net/post/1362453</guid><dc:creator><![CDATA[David G.]]></dc:creator><pubDate>Mon, 09 Nov 2026 13:28:01 GMT</pubDate></item><item><title><![CDATA[Reply to Web-Komponenten in Aura: welche Adapter, wie sie aussehen on Mon, 09 Nov 2026 12:42:03 GMT]]></title><description><![CDATA[<blockquote>
<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/david-g." aria-label="Profile: David-G.">@<bdi>David-G.</bdi></a> <a href="/post/1362436">sagte</a>:</p>
<p dir="auto">Wo melden wenn ich mit in die Liste möchte?<br />
Von openmeteo-notify die Widgets laufen sauber in aura und vis2.</p>
<p dir="auto"><a href="https://github.com/ipod86/ioBroker.openmeteo-notify/releases/tag/v0.5.0" rel="nofollow ugc">https://github.com/ipod86/ioBroker.openmeteo-notify/releases/tag/v0.5.0</a></p>
<p dir="auto">Npm ist auch veröffentlicht.</p>
</blockquote>
<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/david-g." aria-label="Profile: david-g.">@<bdi>david-g.</bdi></a> Melden musst du dich nirgends, es gibt keine zentrale Stelle dafür. Die Liste hier im Thema ist nur eine Übersicht, entscheidend ist dein <code>io-package.json</code>. So kommt eine Web-Komponente in Aura und die anderen Oberflächen:</p>
<ol>
<li>Der Adapter legt je Komponente zwei Dateien in seinen <code>admin</code>-Ordner, das Manifest (<code>.json</code>) und das Modul (<code>.js</code>).</li>
<li>Er trägt die Manifeste in <code>common.webComponents</code> ein, relativ zum <code>admin</code>-Ordner:<br />
<code>"webComponents": ["webcomponents/my-tile.json"]</code></li>
<li>Nach der Installation findet die Oberfläche die Komponente selbst. In Aura steht sie im Dialog <strong>Neues Widget</strong> unter <strong>Weitere Widgets</strong>. Falls sie noch fehlt, die Seite neu laden.</li>
</ol>
<p dir="auto">Das alles hast du mit openmeteo-notify schon gemacht, es ist also nichts weiter nötig. Details stehen in der README von <code>@iobroker/web-components</code>: <a href="https://github.com/ioBroker/web-components" rel="nofollow ugc">https://github.com/ioBroker/web-components</a></p>
]]></description><link>https://forum.iobroker.net/post/1362446</link><guid isPermaLink="true">https://forum.iobroker.net/post/1362446</guid><dc:creator><![CDATA[Bluefox]]></dc:creator><pubDate>Mon, 09 Nov 2026 12:42:03 GMT</pubDate></item><item><title><![CDATA[Reply to Web-Komponenten in Aura: welche Adapter, wie sie aussehen on Mon, 09 Nov 2026 12:37:37 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/beetle-fan" aria-label="Profile: beetle-fan">@<bdi>beetle-fan</bdi></a> Ergänzend zu <a class="plugin-mentions-user plugin-mentions-a" href="/user/oliverio" aria-label="Profile: OliverIO">@<bdi>OliverIO</bdi></a>, der das richtig beschrieben hat, auch mit vis-2. Der Unterschied liegt darin, wo das Ding läuft:</p>
<ul>
<li>Ein <strong>Widget</strong> gehört zu einer bestimmten Visualisierung. Ein vis-2-Widget läuft nur in vis-2, und für jede andere Oberfläche muss es neu gebaut werden.</li>
<li>Eine <strong>Web-Komponente</strong> muss nur einmal gebaut werden und läuft in jeder Oberfläche, die <code>@iobroker/web-components</code> unterstützt: Aura, vis-2, Geräte (devices) und Admin.</li>
</ul>
<p dir="auto">Für dich als Nutzer sieht sie aus wie ein normales Widget: Du fügst sie hinzu und stellst sie ein, die Einstellungen zeigt dir die jeweilige Oberfläche an. Sie kommt mit dem Adapter, du musst also nichts extra installieren.</p>
]]></description><link>https://forum.iobroker.net/post/1362444</link><guid isPermaLink="true">https://forum.iobroker.net/post/1362444</guid><dc:creator><![CDATA[Bluefox]]></dc:creator><pubDate>Mon, 09 Nov 2026 12:37:37 GMT</pubDate></item><item><title><![CDATA[Reply to Web-Komponenten in Aura: welche Adapter, wie sie aussehen on Mon, 09 Nov 2026 12:28:12 GMT]]></title><description><![CDATA[<blockquote>
<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/beetle-fan" aria-label="Profile: beetle-fan">@<bdi>beetle-fan</bdi></a> <a href="/post/1362434">sagte</a>:</p>
<p dir="auto">Ich oute mich mal als Unwissender: was sind Web-Komponenten? Im Vergleich zu Widgets?</p>
</blockquote>
<p dir="auto">Ein Standard wie man html +Funktionalität in andere Applikationen integrieren kann.<br />
<a href="https://de.wikipedia.org/wiki/Web_Components" rel="nofollow ugc">https://de.wikipedia.org/wiki/Web_Components</a></p>
<p dir="auto"><a href="https://developer.mozilla.org/de/docs/Web/API/Web_components" rel="nofollow ugc">https://developer.mozilla.org/de/docs/Web/API/Web_components</a></p>
<p dir="auto">Über diese Möglichkeit können nun andere Adapter ihre Widgets auch für Aura verfügbar machen.</p>
<p dir="auto">Vis2 hat nun auch die Möglichkeit diese "Widgets" mit zu verwenden, wenn ich das richtig verstanden habe</p>
]]></description><link>https://forum.iobroker.net/post/1362442</link><guid isPermaLink="true">https://forum.iobroker.net/post/1362442</guid><dc:creator><![CDATA[OliverIO]]></dc:creator><pubDate>Mon, 09 Nov 2026 12:28:12 GMT</pubDate></item><item><title><![CDATA[Reply to Web-Komponenten in Aura: welche Adapter, wie sie aussehen on Mon, 09 Nov 2026 12:04:06 GMT]]></title><description><![CDATA[<p dir="auto">Wo melden wenn ich mit in die Liste möchte?<br />
Von openmeteo-notify die Widgets laufen sauber in aura und vis2.</p>
<p dir="auto"><a href="https://github.com/ipod86/ioBroker.openmeteo-notify/releases/tag/v0.5.0" rel="nofollow ugc">https://github.com/ipod86/ioBroker.openmeteo-notify/releases/tag/v0.5.0</a></p>
<p dir="auto">Npm ist auch veröffentlicht.</p>
]]></description><link>https://forum.iobroker.net/post/1362436</link><guid isPermaLink="true">https://forum.iobroker.net/post/1362436</guid><dc:creator><![CDATA[David G.]]></dc:creator><pubDate>Mon, 09 Nov 2026 12:04:06 GMT</pubDate></item><item><title><![CDATA[Reply to Web-Komponenten in Aura: welche Adapter, wie sie aussehen on Mon, 09 Nov 2026 11:36:41 GMT]]></title><description><![CDATA[<p dir="auto">Ich oute mich mal als Unwissender: was sind Web-Komponenten? Im Vergleich zu Widgets?</p>
]]></description><link>https://forum.iobroker.net/post/1362434</link><guid isPermaLink="true">https://forum.iobroker.net/post/1362434</guid><dc:creator><![CDATA[beetle-fan]]></dc:creator><pubDate>Mon, 09 Nov 2026 11:36:41 GMT</pubDate></item></channel></rss>