UPDATE 31.10.: Amazon Alexa - ioBroker Skill läuft aus ?

[wawyo]

Hallo,
bald Online ;)

https://youtu.be/uAf3McTm65g

[Glasfaser]

@wawyo

SEHR Geil ... sogar mit Blitze

Alles in einem HTML ?
"HTML RealWeather for Vis Iobroker"

[liv-in-sky]

@wawyo

schaut gut aus :+1:

[wawyo]

@glasfaser
Ja, 1670 zeilen HTML, CSS und JS ;)
Es fehlte noch Eiskalt, Sturm und Orkan.
Das Projekt ist ein toller Ausgleich zum stressigen Alltag ;)

[Chaot]

@wawyo Ein Wort: WOW!

[dslraser]

@wawyo
👍

[liv-in-sky]

@wawyo sind das einzelne animated gifs oder mp4

[wawyo]

@liv-in-sky
es sind 14 Bilder in png Format.
Die Animation ist spielerei mit JS und CSS Filter :blush:

[liv-in-sky]

@wawyo

bin gespannt auf die"spielereien" :-)

[sigi234]

@wawyo

Geilomat......Wann Online? :+1: :grinning:

[Burg_Io]

@wawyo

schöne sache. da ist man auf´s testen gespannt.

[wawyo]

@sigi234
Es dauert (2-3 Wochen)!
Aber zum testen gerne ;)
Weather-Dateien.zip

ich habe die Bilder unter http://xxx.xxx.xxx.xxx:8082/vis.0/Wetter/WeatherAnimation (Iobroker IP)

Edit1:

ACHTUNG! getestet nur mit FireFox, Chrome und Fully.
Unter Weather.html muss die IP Adresse angepasst werden.

[sigi234]

@wawyo

Ok, wie bringe ich das jetzt in Vis? Die HTML?

Erledigt.

Die Schrift kann man bei einen schwarzen Hintergrund nicht lesen.

[wawyo]

@sigi234
1- Weather.html anpassen:
ändere alle

Weather-Dateien/**.png

zu

http://192.168.xxx.xx:8082/vis.0/Wetter/WeatherAnimation/**.png

2- Erstelle Basic html unter vis (600px X 300px)
3- Weater.html Code kopieren unter Basic html .

4- Importiere die Daten von DasWetter Adapter.
(Du brauchst WeatherStation.0.Weatherurl Datenpunkt)

Datenpunkt Code:

{
  "common": {
    "name": "WeatherAnimation",
    "desc": "WeatherAnimation",
    "type": "number",
    "role": "value",
    "read": true,
    "write": true,
    "def": false
  },
  "native": {},
  "acl": {
    "object": 1636,
    "owner": "system.user.admin",
    "ownerGroup": "system.group.administrator",
    "state": 1636
  },
  "_id": "WeatherStation.0.WeatherAnimation",
  "type": "state",
  "from": "system.adapter.admin.0",
  "user": "system.user.admin",
  "ts": 1629733667565
}

5- Script unter Javascript Adapter:

var ImageName, ImageNumber, ImageNumberConverted, NewLink;

on({id: "daswetter.0.NextHours.Location_1.Day_1.current.iconURL", change: "any"}, async function (obj) {
  var value = obj.state.val;
  var oldValue = obj.oldState.val;
  ImageName = (obj.state ? obj.state.val : "").split('/');
  ImageNumber = ImageName[6];
  ImageNumberConverted = parseFloat((ImageNumber.slice(0, ImageNumber.length - 4)));
  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();

setState("WeatherStation.0.WeatherAnimation", ImageNumberConverted);

if (now_m > sunset_m - 60 && now_m <= sunset_m + 60) {
    log("dusk" + sunrise_m + " " + sunset_m);
    setState("WeatherStation.0.Weatherurl", (obj.state ? obj.state.val : ""));
} else if (now_m > sunrise_m - 60 && now_m <= sunrise_m + 60) {
    log("dawn" + sunrise_m + " " + sunset_m);
    NewLink = ['http://192.168.xxx.xx:8082/vis.0/Wetter/myweather/',ImageNumberConverted + 50,'.png'].join('');
    setState("WeatherStation.0.Weatherurl", NewLink);
} else if (now_m > sunrise_m + 60 && now_m <= sunset_m - 60) {
    log("day" + sunrise_m + " " + sunset_m);
    setState("WeatherStation.0.Weatherurl", (obj.state ? obj.state.val : ""));
} else {
    log("night" + sunrise_m + " " + sunset_m);
    NewLink = ['http://192.168.xxx.xx:8082/vis.0/Wetter/myweather/',ImageNumberConverted + 50,'.png'].join('');
    setState("WeatherStation.0.Weatherurl", NewLink);
}
});

[Glasfaser]

@wawyo sagte in Real Weather (Bald):

(Du brauchst WeatherStation.0. Weatherurl Datenpunkt)

Kommt noch ein Adapter von dir , sonst für selbst erstellte Datenpunkte ist das sehr schlecht gewählt ?

[wawyo]

@glasfaser
Ja, der Adapter ist geplant.
Es wird dauern bis zum Release.

@all ich bin offen für alle Anfragen ☺️

Edit:
Bitte verzeiht mir wenn ich nicht sofort antworten kann.

[sigi234]

@wawyo

Puh, jetzt wird es kompliziert, warte auf den Adapter.:grinning:

Habe mal es in einen iFrame Widget getestet.

Das Non plus ultra wären natürlich sound effects

[Chaot]

@sigi234 sagte in Real Weather (Bald):

Das Non plus ultra wären natürlich sound effects

Nachts um Vier Gewitter am Tablet.
Ich fürchte dann könnte ich zukünftig mit dem IoBroker in die Garage umziehen.......

[sigi234]

@chaot sagte in Real Weather (Bald):

@sigi234 sagte in Real Weather (Bald):

Das Non plus ultra wären natürlich sound effects

Nachts um Vier Gewitter am Tablet.
Ich fürchte dann könnte ich zukünftig mit dem IoBroker in die Garage umziehen.......

:grinning:

Eventuell als Option und nur zwischen Zeit xy

[sigi234]

@glasfaser sagte in Real Weather (Bald):

Kommt noch ein Adapter von dir , sonst für selbst erstellte Datenpunkte ist das sehr schlecht gewählt ?

Hast du das schon getestet? Punkte 1-5
Punkt 4 ?

DP sollte eher unter 0_userdata.0 sein?