Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Praktische Anwendungen (Showcase)
    4. E-INK Display OpenEPaperLink - Displayanzeige mit Batterie

    NEWS

    • ioBroker@Smart Living Forum Solingen, 14.06. - Agenda added

    • ioBroker goes Matter ... Matter Adapter in Stable

    • Monatsrückblick - April 2025

    E-INK Display OpenEPaperLink - Displayanzeige mit Batterie

    This topic has been deleted. Only users with topic management privileges can see it.
    • haselchen
      haselchen Most Active @Beowolf last edited by

      @beowolf

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

      1 Reply Last reply Reply Quote 0
      • Eisbaeeer
        Eisbaeeer Developer @Beowolf last edited by

        @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();
            }
        });
        
        1 Reply Last reply Reply Quote 1
        • B
          Beowolf last edited by

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

          1 Reply Last reply Reply Quote 0
          • B
            Beowolf last edited by Beowolf

            War ein Fehler.

            1 Reply Last reply Reply Quote 0
            • Webranger
              Webranger @BananaJoe last edited by

              @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)
              
              B 1 Reply Last reply Reply Quote 0
              • B
                Beowolf @Webranger last edited by

                @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

                1 Reply Last reply Reply Quote 0
                • H
                  holgerwolf last edited by

                  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?

                  H 1 Reply Last reply Reply Quote 0
                  • Webranger
                    Webranger @eMd last edited by

                    @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?

                    1 Reply Last reply Reply Quote 0
                    • B
                      Beowolf last edited by

                      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 1 Reply Last reply Reply Quote 0
                      • BananaJoe
                        BananaJoe Most Active @Beowolf last edited by

                        @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.

                        1 Reply Last reply Reply Quote 0
                        • B
                          Beowolf last edited by 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 1 Reply Last reply Reply Quote 0
                          • Webranger
                            Webranger @Beowolf last edited by

                            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?

                            A 1 Reply Last reply Reply Quote 0
                            • A
                              atc @Webranger last edited by

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

                              Webranger 1 Reply Last reply Reply Quote 1
                              • Webranger
                                Webranger @atc last edited by

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

                                384

                                Danke! So einfach kann es sein. Habe tätsächlich gedacht weil kleiner ist muss doch erst recht angezeigt werden.

                                IMG_1332.jpeg

                                Damit kann ich jetzt arbeiten und funktioniert

                                1 Reply Last reply Reply Quote 1
                                • H
                                  holgerwolf @holgerwolf last edited by

                                  @holgerwolf Ich gebe mir mal selbst Antwort:
                                  Anderes Display, gleicher Inhalt und Standort läuft seit einigen Tagen durch

                                  Also hat das Display wohl ne Macke 😞

                                  1 Reply Last reply Reply Quote 0
                                  • Basti97
                                    Basti97 Most Active last edited by

                                    Welche Hardware brauche ich dazu eigentlich das Thema klingt sehr interessant. 🙂

                                    B 1 Reply Last reply Reply Quote 0
                                    • B
                                      Beowolf @Basti97 last edited by

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

                                      Welche Hardware brauche ich dazu eigentlich das Thema klingt sehr interessant. 🙂

                                      Alle Infos findest du hier:
                                      https://forum.iobroker.net/topic/66380/e-ink-display-openepaperlink-displayanzeige-mit-batterie?_=1738047117472

                                      Basti97 1 Reply Last reply Reply Quote 0
                                      • Basti97
                                        Basti97 Most Active @Beowolf last edited by Basti97

                                        @beowolf Danke 🙂 Wie ich gelesen habe brauche ich nur ein Display, ESP32, die Platine und die Software fürn ESP richtig? Kann ich dazu jedes Preisschild nehmen zb vom NETTO :).

                                        BananaJoe 1 Reply Last reply Reply Quote 0
                                        • BananaJoe
                                          BananaJoe Most Active @Basti97 last edited by

                                          @basti97 auf das Preisschild müsste dann noch die passende Firmware ... und es sollte in der Liste der unterstützten Modelle stehen:
                                          https://github.com/OpenEPaperLink/OpenEPaperLink/wiki

                                          Basti97 1 Reply Last reply Reply Quote 0
                                          • Basti97
                                            Basti97 Most Active @BananaJoe last edited by

                                            @bananajoe super Danke und ein Display ist dann als Router oder?

                                            BananaJoe 1 Reply Last reply Reply Quote 0
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            861
                                            Online

                                            31.7k
                                            Users

                                            79.8k
                                            Topics

                                            1.3m
                                            Posts

                                            43
                                            993
                                            254603
                                            Loading More Posts
                                            • Oldest to Newest
                                            • Newest to Oldest
                                            • Most Votes
                                            Reply
                                            • Reply as topic
                                            Log in to reply
                                            Community
                                            Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                                            The ioBroker Community 2014-2023
                                            logo