E-INK Display OpenEPaperLink - Displayanzeige mit Batterie

Beowolf

Hast du da mal ein Beispiel?

Mit den String Funktionen kenne ich mich nicht so gut.

holgerwolf

@beowolf Kommt halt auf den Inhalt der Tabelle drauf an und was man braucht:

Ich lösche hiermit einfach die überflüssigen Inhalte aus einem Müllkalender und zeige den Rest dann auf einem Display an:

Eisbaeeer

Geht es anderen auch so, dass nach Update von Pupeteer das Blockly nicht mehr funktioniert?
Hatte jetzt nicht weiter verfolgt, ob das Problem schon behoben ist.
Meldung:

javascript.0	11:18:11.773	error	at Object.<anonymous> (script.js.common.EPaper.Tag1:42:24)

sendTo('puppeteer.0', 'screenshot', { 
    url: urlOfVISView,                     
    path: imageSaveToFilenameWithPath,     
    width: viewWidth,                      
    height: viewHeight,                    
    quality: jpgQuality,                   
 
    waitOption: {
        waitForSelector: waitForSelector,  
        waitForTimeout: 20000              
    },
 
    fullPage: false,                       
 
    clip: {         
        x: cutoutX,                        
        y: cutoutY,                        
        width: cutoutWidth,                
        height: cutoutHeight               
    }
}, obj => {
    if (obj.error) {
        console.warn("Fehler beim Aufruf der View: " + urlOfVISView + " => " + obj.error.message);
    } else {
        const http = require('http'); 
        const https = require('https');
        const { URL } = require('url');
 
        const boundary = '--------------------------' + Date.now().toString(16);
        const CRLF = '\r\n';
 
        // Payload-Erstellung
        const payload = Buffer.concat([
            Buffer.from(`--${boundary}${CRLF}Content-Disposition: form-data; name="dither"${CRLF}${CRLF}0${CRLF}`),
            Buffer.from(`--${boundary}${CRLF}Content-Disposition: form-data; name="mac"${CRLF}${CRLF}${ePaperMAC}${CRLF}`),
            Buffer.from(`--${boundary}${CRLF}Content-Disposition: form-data; name="image"; filename="screenshot.jpg"${CRLF}Content-Type: image/jpeg${CRLF}${CRLF}`),
            Buffer.from(obj.result, 'binary'),
            Buffer.from(`${CRLF}--${boundary}--${CRLF}`)
        ]);
 
        // URL Parsing
        const url = new URL(imageUploadURL);
        const options = {
            hostname: url.hostname,
            port: url.port || (url.protocol === 'https:' ? 443 : 80),
            path: url.pathname + (url.search || ''),
            method: 'POST',
            headers: {
                'Content-Type': 'multipart/form-data; boundary=' + boundary,
                'Content-Length': payload.length
            }
        };
 
        // Protokollwahl
        const protocol = url.protocol === 'https:' ? https : http;
 
        // HTTP Request
        const req = protocol.request(options, function(res) {
            console.log('ImageUploadStatusCode:', res.statusCode);
            res.on('data', function(chunk) {
                console.log('Response:', chunk.toString());
            });
        });
 
        req.on('error', function(e) {
            console.error('Fehler beim Hochladen:', e.message);
        });
 
        req.write(payload);
        req.end();
    }
});

Beowolf

Hab´ da noch mal eine Frage.

Der ical-Adapter gibt mir das im Datenpunkt "Text" zurück. Ist ja schon so formatiert.

Übermorgen 10:00-11:00 Termin vereinbaren 
Übermorgen 11:30-12:30 Partale
In 6 Tagen  Papiertonne Fa. Ahlert Königstraße, Greven
27.01.2025  Gelber Sack/Gelbe Tonne Königstraße, Greven
28.01.2025  Restmüll Königstraße, Greven
10.02.2025  Gelber Sack/Gelbe Tonne Königstraße, Greven
11.02.2025  Restmüll Königstraße, Greven
18.02.2025 08:15-09:15 Tante
24.02.2025  Gelber Sack/Gelbe Tonne Königstraße, Greven
25.02.2025  Restmüll Königstraße, Greven
28.02.2025  Papiertonne Fa. Ahlert Königstraße, Greven
10.03.2025  Gelber Sack/Gelbe Tonne Königstraße, Greven
11.03.2025  Restmüll Königstraße, Greven
18.03.2025 12:00-13:00 Abholung

Wie bekomme ich das so schön auf ein grosses Display?

Beowolf

@eisbaeeer
Hatte ich doch auch geschrieben. Ich habe seit einem "komplett" Update auch nur noch Probleme mit Puppeteer und dem Skript..

haselchen

@beowolf

Puh, da gibt es auf Github glaube ich ne Anleitung wie man das über den Google Kalender realisiert.
Ich habs 1 mal gemacht und seitdem läuft es.
Mehr als zufriedenstellend.

Ich versuche mal die Anleitung zu finden....

Edit:
https://github.com/OpenEPaperLink/OpenEPaperLink/wiki/Google-Apps-Scripts
https://github.com/OpenEPaperLink/OpenEPaperLink/wiki/ICS-calendar

Beowolf

@haselchen
Die Anleitung kenne ich.

Bei den grossen Displays sieht dann die Terminansicht so aus.

Das hilft mir leider nicht weiter.

Auf den kleinen sieht der selbe Link so aus.

haselchen

@beowolf

Bei den großen Displays kann ich nicht mitreden.
Hab die kleinen Rechteckigen.
Dachte die Konfig wäre anpassbar.

Eisbaeeer

@beowolf

Ich versuche gerade das Java-Script zu fixen. Es liegt nicht an Puppeteer, das Bild wird erstellt. Beim Javascript hat sich bei Update was geändert. Der erste Fehler ist mal weg. Ich weiß nur noch nicht, ob das so passt. Jetzt läuft das Script aber in ein Timeout beim hochladen. Da stimmt also noch etwas nicht.

sendTo('puppeteer.0', 'screenshot', { 
    url: urlOfVISView,                     
    path: imageSaveToFilenameWithPath,     
    width: viewWidth,                      
    height: viewHeight,                    
    quality: jpgQuality,                   
 
    waitOption: {
        waitForSelector: waitForSelector,  
        waitForTimeout: 20000              
    },
 
    fullPage: false,                       
 
    clip: {         
        x: cutoutX,                        
        y: cutoutY,                        
        width: cutoutWidth,                
        height: cutoutHeight               
    }
}, obj => {
    if (obj.error) {
        console.warn("Fehler beim Aufruf der View: " + urlOfVISView + " => " + obj.error.message);
    } else {
        const http = require('http'); 
        const https = require('https');
        const { URL } = require('url');
 
        const boundary = '--------------------------' + Date.now().toString(16);
        const CRLF = '\r\n';
 
        // Payload-Erstellung
        const payload = Buffer.concat([
            Buffer.from(Object.values(`--${boundary}${CRLF}Content-Disposition: form-data; name="dither"${CRLF}${CRLF}0${CRLF}`)),
            Buffer.from(Object.values(`--${boundary}${CRLF}Content-Disposition: form-data; name="mac"${CRLF}${CRLF}${ePaperMAC}${CRLF}`)),
            Buffer.from(Object.values(`--${boundary}${CRLF}Content-Disposition: form-data; name="image"; filename="screenshot.jpg"${CRLF}Content-Type: image/jpeg${CRLF}${CRLF}`)),
            Buffer.from(Object.values(obj.result, 'binary')),
            Buffer.from(Object.values(`${CRLF}--${boundary}--${CRLF}`))
        ],);

        console.log(payload);
 
        // URL Parsing
        const url = new URL(imageUploadURL);
        const options = {
            hostname: url.hostname,
            port: url.port || (url.protocol === 'https:' ? 443 : 80),
            path: url.pathname + (url.search || ''),
            method: 'POST',
            headers: {
                'Content-Type': 'multipart/form-data; boundary=' + boundary,
                'Content-Length': payload.length
            }
        };
 
        // Protokollwahl
        const protocol = url.protocol === 'https:' ? https : http;
 
        // HTTP Request
        const req = protocol.request(options, function(res) {
            console.log('ImageUploadStatusCode:', res.statusCode);
            res.on('data', function(chunk) {
                console.log('Response:', chunk.toString());
            });
        });
 
        req.on('error', function(e) {
            console.error('Fehler beim Hochladen:', e.message);
        });
 
        req.write(payload);
        req.end();
    }
});

Beowolf

Das das mit Javascript zusammen hängt hatte ich auch schon gedacht. Die Bildchen werden ja schließlich immer sehr schnell erstellt.

Beowolf

War ein Fehler.

Webranger · Edit 22.01.2022: Typos + Satzbau

@bananajoe

Läuft das Puppeteer script eigentlich noch?

Bei mir kommt folgender fehler:

javascript.0	21:47:14.718	warn	script.js.common.TestScripte.epaperTEST_1: request package is deprecated - please use httpGet (or a stable lib like axios) instead!
javascript.0	21:47:14.721	error	at Object.<anonymous> (script.js.common.TestScripte.epaperTEST_1:42:13)

Beowolf

@webranger sagte in E-INK Display OpenEPaperLink - Displayanzeige mit Batterie:

@bananajoe

Läuft das Puppeteer script eigentlich noch?

Bei mir kommt folgender fehler:

javascript.0	21:47:14.718	warn	script.js.common.TestScripte.epaperTEST_1: request package is deprecated - please use httpGet (or a stable lib like axios) instead!
javascript.0	21:47:14.721	error	at Object.<anonymous> (script.js.common.TestScripte.epaperTEST_1:42:13)

Na ja, das mit dem httpGet ist aber schon etwas älter.

Nimm dieses hier.

https://forum.iobroker.net/topic/66380/e-ink-display-openepaperlink-displayanzeige-mit-batterie/753?_=1737702534630

Das funktioniert. Es gibt aber im Moment wohl kleine Probleme mit Javascript.

Siehe

https://forum.iobroker.net/topic/66380/e-ink-display-openepaperlink-displayanzeige-mit-batterie/875?_=1737702534633

holgerwolf

Mal was ganz anderes. Ich habe hier ein ST-GR 29000 Display was sich alle paar Stunden (1 mal in 24 Stunden, unregelmäßige Zeit) verabschiedet.
Standort kann es nicht sein. Nimm ich kurz die Batterien raus läuft es auch wieder.
Der Inhalt wird mit einem JSON beschickt.
Ist das einfach kaputt oder noch ne andere Idee?

Webranger

@emd said in E-INK Display OpenEPaperLink - Displayanzeige mit Batterie:

Ich bedanke mich bei euch allen und vorallem bei @BananaJoe !

Ich weiß nicht warum, aber es geht nun, habe in der zwischenzeit gefühlt 1000 Sachen geändert und mit einmal geht es.
Keine Ahnung wo da der Fehler lag...

MfG
eMd

Läuft dein script noch? Ich habe auch das Bild im /tmp/ Ordner vom iobroker und einen Code 200 aber irgendwie zeigt er mir im AP Temp nichts an.
Log vom AP bleibt leider leer

@all Kann ich das Bild nicht auch irgendwo speichern wo sich der Tag das abholen kann?

Beowolf

Bin mir nicht sicher ob das zur Fehlersuche beiträgt, aber wenn ich in VIS etwas ändere, erscheinen die von mir beschriebenen Fehlermeldungen.

Wenn ich den Javaskript und den Puppeteer Adapter NACH den Änderungen neu starte, kommen die Meldungen so wie es schein nicht mehr.

BananaJoe

@beowolf Eventuell hängt es mit dem Widget auf das das Skript wartet zusammen? Sollte es das nach einer Änderung nicht mehr geben, wäre das ein Grund.

Beowolf

Ich bin jetzt aber auch dazu übergegangen, das ich die TAGs die nur einfache Werte von z.B. HM-Heizungsventilen anzeigen, mit diesem Blockly zu versorgen.

<xml xmlns="https://developers.google.com/blockly/xml">
  <variables>
    <variable id="e.-?J1RG(1E03apliOsd">url</variable>
    <variable id="eMqV!m8?ZCdqN2].w`xb">TagMini1</variable>
    <variable id="*)}|9mHpKcV3YN}|a_t5">jsonMini1</variable>
  </variables>
  <block type="procedures_defcustomreturn" id="Q)=N/g,e;;C$aa#GZ/g6" x="738" y="388">
    <mutation statements="false">
      <arg name="url" varid="e.-?J1RG(1E03apliOsd"></arg>
    </mutation>
    <field name="NAME">encodeURL</field>
    <field name="SCRIPT">dXJsID0gZW5jb2RlVVJJQ29tcG9uZW50KHVybCk7DQpyZXR1cm4gdXJsOw==</field>
    <comment pinned="false" h="80" w="160">Beschreibe diese Funktion …</comment>
  </block>
  <block type="on_ext" id="P$af/8byEUS#qCA]5B-P" x="738" y="413">
    <mutation xmlns="http://www.w3.org/1999/xhtml" items="4"></mutation>
    <field name="CONDITION">ne</field>
    <field name="ACK_CONDITION"></field>
    <value name="OID0">
      <shadow type="field_oid" id="qKgG$O[{3RUIQEMyX@84">
        <field name="oid">hm-rpc.0.NEQ1405541.4.ACTUAL_TEMPERATURE</field>
      </shadow>
    </value>
    <value name="OID1">
      <shadow type="field_oid" id="1=$zeB_8NZ{``1IKhA@;">
        <field name="oid">hm-rpc.0.NEQ1405541.4.SET_TEMPERATURE</field>
      </shadow>
    </value>
    <value name="OID2">
      <shadow type="field_oid" id="3xv_){1%Z-Px_oc=|ee]">
        <field name="oid">hm-rpc.0.NEQ1405541.4.VALVE_STATE</field>
      </shadow>
    </value>
    <value name="OID3">
      <shadow type="field_oid" id="1%z%;+tP3g0pYuG^87_*">
        <field name="oid">hm-rpc.0.NEQ1405541.4.BATTERY_STATE</field>
      </shadow>
    </value>
    <statement name="STATEMENT">
      <block type="variables_set" id="}kvQ}B#.rViPjfKc-HTi">
        <field name="VAR" id="eMqV!m8?ZCdqN2].w`xb">TagMini1</field>
        <value name="VALUE">
          <block type="text" id="AS0{YNAIOlM%S|LO,c(?">
            <field name="TEXT">00007E1BDCCFB291</field>
          </block>
        </value>
        <next>
          <block type="variables_set" id="k02GjbFfyHgTN`gcO-Da">
            <field name="VAR" id="*)}|9mHpKcV3YN}|a_t5">jsonMini1</field>
            <value name="VALUE">
              <block type="procedures_callcustomreturn" id="m+$OB%}5|)Pwa;Sp_8Xz">
                <mutation name="encodeURL">
                  <arg name="url"></arg>
                </mutation>
                <value name="ARG0">
                  <block type="text_join" id="%7M,-4ru#q{/k6KDWMHm">
                    <mutation items="11"></mutation>
                    <value name="ADD0">
                      <block type="text" id="KG:U*zHU9}`ZAfY=W0tK">
                        <field name="TEXT">[    {"text": [10,10,"Hauswirtschaftsraum","fonts/bahnschrift30",2]},</field>
                      </block>
                    </value>
                    <value name="ADD1">
                      <block type="text" id="J8kE(`F|;UG(UnXYIXH/">
                        <field name="TEXT">{"line": [10,35,374,35,1]},</field>
                      </block>
                    </value>
                    <value name="ADD2">
                      <block type="text" id="n|(:Q;;@|/rl*,,eDMQ0">
                        <field name="TEXT">{"text": [10,50,"Aktuelle Temperatur:","fonts/bahnschrift20",1]},     {"text": [240,50,"</field>
                      </block>
                    </value>
                    <value name="ADD3">
                      <block type="get_value" id="Ivop[TTx6k8izC(a}Lh$">
                        <field name="ATTR">val</field>
                        <field name="OID">hm-rpc.0.NEQ1405541.4.ACTUAL_TEMPERATURE</field>
                      </block>
                    </value>
                    <value name="ADD4">
                      <block type="text" id=".;[edg]Q8Y}~9~$]`WGh">
                        <field name="TEXT">°C","fonts/bahnschrift20",2]},     {"text": [10,80,"Eingestellte Temperatur:","fonts/bahnschrift20",1]},   {"text": [240,80,"</field>
                      </block>
                    </value>
                    <value name="ADD5">
                      <block type="get_value" id="!vH6u](8OPQ3|j4+-R0`">
                        <field name="ATTR">val</field>
                        <field name="OID">hm-rpc.0.NEQ1405541.4.SET_TEMPERATURE</field>
                      </block>
                    </value>
                    <value name="ADD6">
                      <block type="text" id="10FFF9ZLy|n:h)tY)c|m">
                        <field name="TEXT">°C","fonts/bahnschrift20",2]},     {"text": [10,110,"Aktuelle Ventilstellung:","fonts/bahnschrift20",1]},   {"text": [240,110,"</field>
                      </block>
                    </value>
                    <value name="ADD7">
                      <block type="get_value" id="N~fNY_bADcQ(?eeOcd70">
                        <field name="ATTR">val</field>
                        <field name="OID">hm-rpc.0.NEQ1405541.4.VALVE_STATE</field>
                      </block>
                    </value>
                    <value name="ADD8">
                      <block type="text" id="#7e9sI0@iu:c/+?Dr@Z.">
                        <field name="TEXT"> %","fonts/bahnschrift20",2]},     {"text": [10,140,"Batteriespannung:","fonts/bahnschrift20",1]},   {"text": [240,140,"</field>
                      </block>
                    </value>
                    <value name="ADD9">
                      <block type="get_value" id="M=3Q06RUua?Te,a?1Ui;">
                        <field name="ATTR">val</field>
                        <field name="OID">hm-rpc.0.NEQ1405541.4.BATTERY_STATE</field>
                      </block>
                    </value>
                    <value name="ADD10">
                      <block type="text" id="8Mjb{3)XGWhzToz{:.]t">
                        <field name="TEXT"> V","fonts/bahnschrift20",2]}  ]</field>
                      </block>
                    </value>
                  </block>
                </value>
              </block>
            </value>
            <next>
              <block type="http_post" id="AoQ+~mSdktWzhHgxGz#C">
                <field name="TIMEOUT">15</field>
                <field name="UNIT">sec</field>
                <field name="TYPE">text</field>
                <value name="URL">
                  <shadow type="text" id="qh|GfefbC0op9nMhC4nk">
                    <field name="TEXT">http://192.168.49.186/jsonupload</field>
                  </shadow>
                </value>
                <value name="DATA">
                  <block type="text_join" id="YiM(/:1NU2PK@ysCbT8$">
                    <mutation items="4"></mutation>
                    <value name="ADD0">
                      <block type="text" id="sY#__Tq@9.DrJShh~Ant">
                        <field name="TEXT">mac=</field>
                      </block>
                    </value>
                    <value name="ADD1">
                      <block type="variables_get" id="^ag2u;YyTY9!dP{tJ|}c">
                        <field name="VAR" id="eMqV!m8?ZCdqN2].w`xb">TagMini1</field>
                      </block>
                    </value>
                    <value name="ADD2">
                      <block type="text" id="k:I$k7w),ZmO9hEwr:$W">
                        <field name="TEXT">&amp;json=</field>
                      </block>
                    </value>
                    <value name="ADD3">
                      <block type="variables_get" id="MEQ/.CHU]v1WHbuc@`Ly">
                        <field name="VAR" id="*)}|9mHpKcV3YN}|a_t5">jsonMini1</field>
                      </block>
                    </value>
                  </block>
                </value>
              </block>
            </next>
          </block>
        </next>
      </block>
    </statement>
  </block>
</xml>

Das läuft deutlich einfacher.

Alle anderen TAGs, z.B. die TAGs die den Inhalt von Terminkalendern anzeigen sollen, versorge ich mit dem "Puppeteer-Skript".

Es scheint, das das etwas Ruhe in dieser ganzen "Screenshot-Abfragerei" gebracht hat.

Wenn jemand eine Idee hat, wie ich das was vom ical Adapter zur Verfügung gestellt wird, sauber auf den größeren TAG darstellen kann, immer her damit. Bitte nicht den Google-Ansatz. Da ist die Anzeige auf größeren TAGs ganz anderes als wenn man das zu einem kleinen TAGs sendet.

Webranger

Ich hab jetzt mal einen anderen Ansatz verfolgt und mit hilfe von ChatGPT ein script erstellt welches mir mit Puppeteer einen Screenshoot erstellt und dann per ftp auf eine diskstation schiebt die eh bei mir im Keller steht. Dort kann sich nun openEPaper Link das Bild abholen und macht dieses auch.

const puppeteer = require("puppeteer");
const ftp = require("basic-ftp");

// Funktion für die Hauptlogik
async function captureAndUpload() {
    const client = new ftp.Client();
    client.ftp.verbose = true;

    try {
        // Browser starten
        const browser = await puppeteer.launch();
        const page = await browser.newPage();

        // Seite laden und warten, bis sie vollständig geladen ist
        await page.goto("http://192.168.178.80:8082/vis/index.html?xxxxxxxxxx", { waitUntil: "networkidle0" });
        console.log("Seite vollständig geladen.");

        // Screenshot erstellen
        const clipRegion = { x: 0, y: 0, width: 296, height: 128 };
        const screenshotPath = "/tmp/screenshot.jpg";
        await page.screenshot({
            path: screenshotPath,
            type: "jpeg",
            quality: 100,
            clip: clipRegion
        });

        console.log("Screenshot gespeichert:", screenshotPath);

        await browser.close();

        // FTP-Verbindung herstellen
        await client.access({
            host: "192.168.xxx.xx",
            user: "xxxxxxx",
            password: "xxxxxxx",
            secure: false
        });

        console.log("Mit FTP-Server verbunden");

        // Datei hochladen
        await client.uploadFrom(screenshotPath, "/web/screenshot.jpg");
        console.log("Screenshot erfolgreich hochgeladen!");
    } catch (err) {
        console.error("Fehler:", err.message);
    } finally {
        client.close();
    }
}

// Scheduler: alle 60 Minuten ausführen
schedule("*/60 * * * *", async () => {
    console.log("Starte Screenshot- und Uploadprozess...");
    await captureAndUpload();
});

Jetzt ist es aber so das das Bild korekt erstellt wird und auch abgeholt wird.
Im tmp Ordner wird es richtig angezeigt und dann auf dem Tag dann nicht mehr.

Bildschirmfoto 2025-01-26 um 11.16.39.png

Bildschirmfoto 2025-01-26 um 11.38.46.png

Bildschirmfoto 2025-01-26 um 11.16.46.png

Was könnte das sein bzw wo dran liegt das?

sameOne

@webranger Deine Auflösung ist auf 296 x 128 gesetzt jedoch hat das genutzte Display eine Auflösung von 384 x 184

Community Forum

NEWS

E-INK Display OpenEPaperLink - Displayanzeige mit Batterie

Support us

610

32.4k

81.4k

1.3m