VAN PI Core System

Ich muss das noch einige male lesen.

1 Like

Jetzt klappt das auch über VPN

Bei mir noch nicht.
In der Zeile die bei “Rotate Image” reinkommt muss doch noch die IP vom Pi rein auf dem Pekaway läuft, oder?
Und wie? Anstelle des acces_url? Oder ergänzend?

@Mikel
nein das muss so importiert werden wie es da steht. das Problem ist, das beim kopieren die Hochkomma und Anführungszeichen falsch sind die müssen neu gemacht werden.
nimm das

[{"id":"8b714b8778ad30c0","type":"function","z":"3739bebe6c778cd3","g":"28317a609d1f9088","name":"Rotate Image","func":"// Erhalten der Winkelinformation (z. B. über MQTT)\nvar angle = msg.payload; // Der Rotationswinkel in Grad\n\n// Wert des Payloads vervielfachen\nmsg.deg = msg.payload * 5; //*10 would mean to use the actual angle, but looks weird in the dashboard\n\n// CSS-Transformation zur Rotation des Bilds\nvar transformation = \"rotate(\" + msg.deg + \"deg)\";\n\n// Senden Sie die Transformation zurück\nmsg.ui_control = {\n    \"angular\": true,\n    \"rotate\": transformation\n};\n\n// reduce the flickering (when values change for 0.1 or less in a timeframe of 1S, then do not update the images)\nlet lastValueTime = flow.get(\"x_lastValueTime\") ?? Date.now()\nlet lastValue = flow.get(\"x_value\") ?? 0\nif (Math.abs(lastValue - msg.payload) <= 0.1 && Math.abs(lastValueTime - Date.now()) < 1000) {\n    //flow.set(\"x_value\", msg.payload)\n    flow.set(\"x_lastValueTime\", Date.now())\n    return null\n}\nflow.set(\"x_lastValueTime\", Date.now())\nflow.set(\"x_value\", msg.payload)\nmsg.value = msg.payload < 0 ? \"← \" + msg.payload : msg.payload > 0 ? msg.payload + \" →\" : msg.payload\nmsg.imgsrc = global.get(\"access_url\") ? 'http://'+global.get(\"access_url\")+'/images/van_back' : 'http://pekaway.local/images/van_back'\nreturn msg;","outputs":1,"noerr":0,"initialize":"","finalize":"","libs":[],"x":2640,"y":1720,"wires":[["a0bd49a36478db9f","25e422eec5038057"]]},{"id":"08a1c99e47e29820","type":"function","z":"3739bebe6c778cd3","g":"28317a609d1f9088","name":"Rotate Image","func":"// Erhalten der Winkelinformation (z. B. über MQTT)\nvar angle = msg.payload; // Der Rotationswinkel in Grad\n\n// Wert des Payloads vervielfachen\nmsg.deg = msg.payload * 5;//*10 would mean to use the actual angle, but looks weird in the dashboard\n\n// CSS-Transformation zur Rotation des Bilds\nvar transformation = \"rotate(\" + msg.deg + \"deg)\";\n\n// Senden Sie die Transformation zurück\nmsg.ui_control = {\n    \"angular\": true,\n    \"rotate\": transformation\n};\n\n// reduce the flickering (when values change for 0.1 or less in a timeframe of 1S, then do not update the images)\nlet lastValueTime = flow.get(\"y_lastValueTime\") ?? Date.now()\nlet lastValue = flow.get(\"y_value\") ?? 0\nif (Math.abs(lastValue - msg.payload) <= 0.1 && Math.abs(lastValueTime - Date.now()) < 1000) {\n    //flow.set(\"y_value\", msg.payload)\n    flow.set(\"y_lastValueTime\", Date.now())\n    return null\n}\nflow.set(\"y_lastValueTime\", Date.now())\nflow.set(\"y_value\", msg.payload)\nmsg.value = msg.payload < 0 ? \"← \" + msg.payload : msg.payload > 0 ? msg.payload + \" →\" : msg.payload\nmsg.imgsrc = global.get(\"access_url\") ? 'http://' + global.get(\"access_url\") + '/images/van_side' : 'http://pekaway.local/images/van_side'\n\nreturn msg;\n","outputs":1,"noerr":0,"initialize":"","finalize":"","libs":[],"x":2640,"y":1780,"wires":[["08f4acda39a4fd6c","c6ee8b69b8f88b3a"]]}]

das sind nur die beiden Funktion Nodes

Wahnsinn!! @ahtdf @Vincent ihr seid GENIAl!! Die Getränke gehen auf mich!!!
Gestern den Text von @Vincent gelesen und gedacht das ich das im ganzen Leben nicht hinbekomme!
Das mit den Hochkommas hatte ich registriert und geändert, ging aber nicht wegen der Anführungszeichen.
Dir lieber @ahtdf erneut ein herzlichen Dank, es funzt!!!

Auf die Gänsefüsschen bin ich schon mal reingefallen.
Daher wusste ich das noch.
Schönen Abend noch

1 Like

Dank eurer ausführlichen Erklärungen konnte ich jetzt meine eigenen Van-Bilder einbinden. Und der Hinweis, den Browser Cache auch einmal zu leeren, war der entscheidende. :wink:

2 Likes