Puppeteer: Screenshots PhantomJS Alternative

[foxriver76]

@ilovegym Probier mal bitte das im Container https://github.com/puppeteer/puppeteer/blob/main/docs/troubleshooting.md#recommended-enable-user-namespace-cloning

[Neuschwansteini]

@foxriver76

Hi,
Hat leider nicht funktioniert, Variante a sagt den Datenpunkt in proc/sys gibts nicht, und bei Variante b find ich die chrome_sandbox nicht.. hmm

Hat noch einer den Adapter im Docker laufen?

[Marty56]

Puppender stürzt bei mir auch ab, weil der Adapter wohl auch den Browser nicht starten kann.

OS: Debian
Node:v14.21.3
npm: 6.14.18
iobroker: aktuelle Versionen vom stable Repro.

apt update und apt upgrade habe ich gemacht und gebootet.

2023-04-21 06:39:42.178 - info: puppeteer.0 (2686) starting. Version 0.2.7 in /opt/iobroker/node_modules/iobroker.puppeteer, node: v14.21.3, js-controller: 4.0.24
2023-04-21 06:39:42.288 - error: puppeteer.0 (2686) Unhandled promise rejection. This error originated either by throwing inside of an async function without a catch block, or by rejecting a promise which was not handled with .catch().
2023-04-21 06:39:42.290 - error: puppeteer.0 (2686) unhandled promise rejection: Failed to launch the browser process! undefined
TROUBLESHOOTING: https://pptr.dev/troubleshooting
2023-04-21 06:39:42.294 - error: puppeteer.0 (2686) Error: Failed to launch the browser process! undefined
TROUBLESHOOTING: https://pptr.dev/troubleshooting
at ChildProcess.onClose (/opt/iobroker/node_modules/@puppeteer/browsers/lib/cjs/launch.js:262:24)
at ChildProcess.emit (events.js:412:35)
at Process.ChildProcess._handle.onexit (internal/child_process.js:285:12)
2023-04-21 06:39:42.295 - error: puppeteer.0 (2686) Failed to launch the browser process! undefined
TROUBLESHOOTING: https://pptr.dev/troubleshooting
2023-04-21 06:39:42.310 - info: puppeteer.0 (2686) terminating
2023-04-21 06:39:42.313 - warn: puppeteer.0 (2686) Terminated (UNCAUGHT_EXCEPTION): Without reason
2023-04-21 06:39:42.942 - error: host.Thom

[Thomas Braun]

@marty56 sagte in Puppeteer: Screenshots PhantomJS Alternative:

Node:v14.21.3

Versuchs mal mit aktueller nodejs-Version.

[Neuschwansteini]

@marty56 ist das ein Docker oder sowas? Ist Chrome und der Adapter mit allen Depencies installiert, also nur den Adapter alleine geht ja nicht, wie du in der Anleitung gelesen hast..

[Marty56]

@ilovegym Ich finde keine Anleitung zum Installieren. Im Github readme steht nur, wie man puppeteer benutzt, wenn er installiert ist.

Wo finde ich das Vorgehen zum Installieren von chrome?

[Neuschwansteini]

@marty56 hast recht, habs mit Phantomjs verwechselt.. hier sollten alle depencies mit installiert werden..
und das linux ist aufm Raspi installiert, kein Docker?

[Marty56]

@ilovegym Aber Dein Hinweis hat mich auf eine Spur gebraucht. Ich habe bemerkt, dass ich unter
/opt/iobroker/node_modules/puppeteer kein verstecktes Verzeichnis
.local-chromium habe.

Keine Ahnung warum. ich habe ganz normal über den Tab Adapter installiert.

[bimmi]

Danke für den Adapter!

Gibt es eine Möglichkeit die Qualität des generierten jpg einzustellen?

[arteck]

@bimmi RTFM https://github.com/foxriver76/ioBroker.puppeteer/blob/main/README.md

[bimmi]

@arteck vielen Dank für das manual! Das kenne ich bereits. Mir ging es hier in dem Beitrag rund um den Adapter für iobroker darum, ob man es ermöglichen kann, den Parameter mit quality zusätzlich zur Clip höhe/breite usw mit übertragen kann.

Das ist ja nicht möglich, da ja nur die wichtigsten Parameter eingetragen werden können.

[foxriver76]

@bimmi Wenn du sendTo nutzt kannst du wie in der ReadMe steht, alle Optionen die in der Puppeteer API verfügbar sind mitgeben.

[bimmi]

@foxriver76 ok. Danke. Jetzt verstehe ich.

Geht das auch mit blockly? Sento gibt es ja keine Option für puppeteer...

[foxriver76]

@bimmi Ich habe keine Ahnung von Blockly, im Zweifel nimmst du einen JavaScript Block und adjustierst das Beispiel aus der ReadMe. Wobei da die ganzen ? raus müssen, die zeigen nur auf, dass eine Property optional ist.

[bimmi]

@foxriver76 danke! Ich glaube ich hab es gefunden man lernt nie aus!

[bimmi]

vielleicht nochmal an die, die bereits ein blockly erstellt hatten...

Sorry, ich blick da bei dem SendTo nicht durch

So sieht mein Blockly aus:

diesen Fehler bekomme ich:

javascript.0
2023-07-12 16:21:54.618	error	script.js.EPS.Grundwasser: {'error':{}}

puppeteer.0
2023-07-12 16:21:54.615	error	Could not take screenshot of "http://192.168.1.10:8082/vis/index.html?EPS#Grundwasser": Expected options.clip.x to be a number but found undefined

Der Fehler sagt eigentlich, dass es mit dem clip width und height ein Problem gibt. Der Datenpunkt ist eine "number".

Jemand, der das schon in Blockly getan hat vielleicht einen Tipp für mich?

Auf Debug kommt folgende Message:

puppeteer.0
2023-07-12 17:06:02.091	debug	Message: {"command":"screenshot","message":{"url":"http://192.168.1.10:8082/vis/index.html?EPS#Grundwasser","waitOption":{"waitForTimeout":5000},"clip":"{width:296height:128}","path":"/var/www/html/eps-display/Grundwasser.jpg","quality":100},"from":"system.adapter.javascript.0","callback":{"message":{"url":"http://192.168.1.10:8082/vis/index.html?EPS#Grundwasser","waitOption":{"waitForTimeout":5000},"clip":"{width:296height:128}","path":"/var/www/html/eps-display/Grundwasser.jpg","quality":100},"id":14,"ack":false,"time":1689174362088},"_id":40259716}

Da fehlt auch m.M. noch ein Trennzeichen wenn er das aus den Textfeldern zusammenstellt...

[bimmi]

ich bin inzwischen etwas weiter gekommen:

Jetzt bekomme ich zwar keine Fehlermeldung, jedoch schneider mir puppeteer den Screenshot nicht zu.

puppeteer.0
2023-07-12 17:57:40.099	debug	Message: {"command":"screenshot","message":{"url":"http://192.168.1.10:8082/vis/index.html?EPS#Grundwasser","path":"/var/www/html/eps-display/Grundwasser.jpg","quality":100,"waitOptions":{"waitForTimeout":2000},"clip.width":296,"clip.height":128,"clip.x":0,"clip.y":0},"from":"system.adapter.javascript.0","callback":{"message":{"url":"http://192.168.1.10:8082/vis/index.html?EPS#Grundwasser","path":"/var/www/html/eps-display/Grundwasser.jpg","quality":100,"waitOptions":{"waitForTimeout":2000},"clip.width":296,"clip.height":128,"clip.x":0,"clip.y":0},"id":37,"ack":false,"time":1689177460098},"_id":40259743}

[bimmi]

@horphi sagte in Puppeteer: Screenshots PhantomJS Alternative:

Habs gefunden.
Einfach den Haken bei Ergebniss setzen und dann kann ich das Result abfragen....;-)

vielleicht könnte ich mir das blockly mal ansehen. ich bekomme diese Blöcke absolut nicht hin ich denke das ist genau das was ich suche nur mit dem clip.height und clip.width.

[oxident]

Hättet ihr eine Idee, wie ich das Ergebnis (also den Screenshot) per VIS zur Verfügung stellen könnte?
Nutze Redis ... daher finde ich die erzeugte Datei leider nirgends im FS.

[bimmi]

@oxident ich habe mir einen port vom webserver geöffnet in dem lokal die screenshots abgelegt werden. auf diese greife ich dann über den eps ap zu!