Skip to content
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • GitHub
  • Docu
  • Hilfe
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Standard: (Kein Skin)
  • Kein Skin
Einklappen
ioBroker Logo
  1. ioBroker Community Home
  2. Deutsch
  3. Praktische Anwendungen (Showcase)
  4. E-INK Display OpenEPaperLink - Displayanzeige mit Batterie

NEWS

  • UPDATE 31.10.: Amazon Alexa - ioBroker Skill läuft aus ?
    apollon77A
    apollon77
    48
    3
    8.2k

  • Monatsrückblick – September 2025
    BluefoxB
    Bluefox
    13
    1
    1.9k

  • Neues Video "KI im Smart Home" - ioBroker plus n8n
    BluefoxB
    Bluefox
    15
    1
    2.2k

E-INK Display OpenEPaperLink - Displayanzeige mit Batterie

Geplant Angeheftet Gesperrt Verschoben Praktische Anwendungen (Showcase)
1.0k Beiträge 48 Kommentatoren 343.6k Aufrufe 52 Watching
  • Älteste zuerst
  • Neuste zuerst
  • Meiste Stimmen
Antworten
  • In einem neuen Thema antworten
Anmelden zum Antworten
Dieses Thema wurde gelöscht. Nur Nutzer mit entsprechenden Rechten können es sehen.
  • B Beowolf

    @haselchen
    Jepp, mit der 2.05 funktioniert es. Mit der 2.07 leider nicht.

    Danke für den Hinweis.

    PS
    Es reicht doch, das in dem Skript nur diese Zeile bzw. Wert geändert werden muß. oder?

      if (days == undefined) days = 14;
    
    haselchenH Offline
    haselchenH Offline
    haselchen
    Most Active
    schrieb am zuletzt editiert von
    #273

    @beowolf

    Weiter unten gibt es auch noch einen Eintrag , der mit Days glaube ich zu tun hat. Den habe ich mit der gleichen Zahl geändert .

    Synology DS218+ & 2 x Fujitsu Esprimo (VM/Container) + FritzBox7590 + 2 AVM 3000 Repeater & Homematic & HUE & Osram & Xiaomi, NPM 10.9.4, Nodejs 22.21.0 ,JS Controller 7.0.7 ,Admin 7.7.19

    B 1 Antwort Letzte Antwort
    0
    • haselchenH haselchen

      @beowolf

      Weiter unten gibt es auch noch einen Eintrag , der mit Days glaube ich zu tun hat. Den habe ich mit der gleichen Zahl geändert .

      B Offline
      B Offline
      Beowolf
      schrieb am zuletzt editiert von
      #274

      @haselchen
      Den habe ich auf 1 gelassen. Funktioniert auch. Ich muß aber zugeben, das ich das Skript eh nicht verstehe. 😊

      Die Natur braucht nicht unseren Schutz, sie braucht unsere Abwesenheit.

      1 Antwort Letzte Antwort
      0
      • B Beowolf

        @bananajoe sagte in EPS E-INK Display Ansteuerung -> Statusdisplay für 2€:

        @haselchen wie @Revobobo schreibt: Ich füttere meine ePaper Tags einfach mit einem eigenen VIS-Projekt. Jedes Tag hat seine eigene Seite, bei Änderungen lasse ich per Script/Blockly einen neuen Screenshot erzeugen. Den pushe ich wahlweise an das Tag oder lasse es sich per URL abholen:

        Kannst Du das etwas genauer erklären? Eventuell mit den entsprechenden Skripten?

        Ich bin ein wenig Ratlos und weiß nicht wo ich anfangen soll.

        Puppeteer ist auch nicht gerade selbsterklärend. 😢

        BananaJoeB Online
        BananaJoeB Online
        BananaJoe
        Most Active
        schrieb am zuletzt editiert von BananaJoe
        #275

        @beowolf sagte in EPS E-INK Display Ansteuerung -> Statusdisplay für 2€:

        Ich bin ein wenig Ratlos und weiß nicht wo ich anfangen soll.

        Hier mal grob in Schritten zusammengefasst:

        Schritt 1: Eigene VIS für die ePaper Tags
        Im VIS Editor hatte ich ein neues Projekt erstellt - hier openepaper genannt:
        5fae74ac-f912-4ad3-a207-09f96b1b3a78-image.png

        In dem Projekt habe ich dann jeweils eine Seite für jedes Tag angelegt. Hier zum Beispiel für den Briefkasten, ein 2,9" Tag:
        5a77a407-e84b-4256-9077-6fb1e0ac58a5-image.png
        Wie man sieht habe ich unter Tools für diese View eine Auflösung von 296x128 Pixel eingestellt. Das habe ich gemacht weil er mir dann den roten Rahmen um diesen Bereich malt und ich weiß wo/wie ich die Elemente platzieren muss.

        Man kann auch beliebige Elemente außerhalb des roten Rahmens platzieren, die sind dann aber später halt nicht zu sehen. Hier habe ich das für einen Informationstext genutzt und ich parke auch nicht genutzte Elemente die ich aber vielleicht noch mal brauche so. Hier ist also das Batteriesymbol und die Prozentanzeige in Zahl und als Balken zu sehen.
        Die 2,9" Tags könnten 3 Farben: Rot (#FF0000), Schwarz (#000000) und Weiß (#FFFFFF), also am besten die Elemente in dieser Mini-View in diesen 3 Farben halten.

        Diese Seite hat später eine URL die man sich ja auch über die Play-Schaltfläche oben rechts ansehen kann (Runtime in einem neuen Fenster aufmachen). Bei mir ist die URL die folgende

        http://192.168.1.8:8082/vis/index.html?openepaper#Briefkasten
        

        Drückt auf den Play Button und kopiert euch die URL einfach dort heraus wenn wir diese dann brauchen.

        Schritt 2: Puppeteer installieren wenn noch nicht geschehen
        Installiert den Adapter Puppenspieler
        9241e08b-58b8-4687-a5d5-06c92562930c-image.png
        und stellt sicher das dieser dann auch eine laufende Instanz hat:
        afa80031-0a51-46f8-93ed-1a66e18696eb-image.png
        Sollte der Adapter nicht auf Grün springen (weil ihr das ganze z.B. auf einem Raspberry Pi laufen habt) so beachtet bitte diesen Issue hier, da wird beschrieben wie Ihr den dann trotzdem zum laufen bekommt: https://github.com/foxriver76/ioBroker.puppeteer/issues/13

        Schritt 3: Blockly-Skript das die VIS-View an das ePaper Tag sendet
        Ich beschreibe das hier für Blockly, wer das nicht nutzt kann sich ja den passenden Code herauskopieren.
        Das ganze habe ich mir auch nicht alleine ausgedacht sondern ist die Sammlung aus den anderen Artikel hier (und wahrscheinlich anderen aus dem Forum hier).

        Das Aufrufen von Puppeteer habe ich in eine eigene Funktion gepackt. Es holt den Screenshot und sendet diesen auch gleich an das ePaper-Tag.
        Erstellt am besten ein neues Blockly-Skript und importiert diese Vorlage:

        <block xmlns="https://developers.google.com/blockly/xml" type="procedures_defcustomnoreturn" id="od4:#LN4MMPOX5Cuwv0G" x="63" y="-187">
          <mutation statements="false">
            <arg name="imageSaveToFilenameWithPath" varid="#6wGK,7)K9MvKS1Y^m7w"></arg>
            <arg name="urlOfVISView" varid="/34/q/S9,6lBaN0B^0p+"></arg>
            <arg name="viewWidth" varid="VtK5T):T+/?(:RTltehP"></arg>
            <arg name="viewHeight" varid="d%Y)z(!gms*2[:-Q?srZ"></arg>
            <arg name="cutoutX" varid="yI1;;SNF[v//PXeFn75c"></arg>
            <arg name="cutoutY" varid="ixza1C+:$RS#_aO(+mTw"></arg>
            <arg name="cutoutWidth" varid="JHgH!or}TSYU@4ok~:dD"></arg>
            <arg name="cutoutHeight" varid="pui*x3;[n/WA5nodRtex"></arg>
            <arg name="jpgQuality" varid="{l]%ubA0HMv*]m|`-bQ#"></arg>
            <arg name="waitForSelector" varid="^}k9.{.g,!Q=P%/G;/%p"></arg>
            <arg name="imageUploadURL" varid="O}nZ-9?%oQZ/=~9D;8MW"></arg>
            <arg name="ePaperMAC" varid="$iC+L#(86gFYKS_:{d3%"></arg>
          </mutation>
          <field name="NAME">ScreenshotVISandUpload2OpenEPaperLink</field>
          <field name="SCRIPT">c2VuZFRvKCdwdXBwZXRlZXIuMCcsICdzY3JlZW5zaG90JywgeyANCiAgICB1cmw6IHVybE9mVklTVmlldywgICAgICAgICAgICAgICAgICAgICAgLyogVVJMIGRlciBXZWJzZWl0ZSBhdXMgd2VsY2hlciBkZXIgU2NyZWVuc2hvdCBlcnN0ZWxsdCB3ZXJkZW4gc29sbCAqLw0KICAgIHBhdGg6IGltYWdlU2F2ZVRvRmlsZW5hbWVXaXRoUGF0aCwgICAgICAvKiBEYXRlaW5hbWUgdW5kIFBmYWQgZsO8ciBsb2thbGVzIFNwZWljaGVybiBkZXMgQmlsZGVzICovDQogICAgd2lkdGg6IHZpZXdXaWR0aCwgICAgICAgICAgICAgICAgICAgICAgIC8qIEJyZWl0ZSBkZXMgdmlydHVlbGxlbiBCcm93c2VyZmVuc3RlcnMgKi8NCiAgICBoZWlnaHQ6IHZpZXdIZWlnaHQsICAgICAgICAgICAgICAgICAgICAgLyogSMO2aGUgZGVzIHZpcnR1ZWxsZW4gQnJvd3NlcmZlbnN0ZXJzICovDQogICAgcXVhbGl0eToganBnUXVhbGl0eSwgICAgICAgICAgICAgICAgICAgIC8qIFF1YWxpdMOkdCBkZXMgSlBHLCBzb2xsdGUgaW1tZXIgMTAwIHNlaW4gKi8NCg0KICAgIHdhaXRPcHRpb246IHsNCiAgICAgICAgd2FpdEZvclNlbGVjdG9yOiB3YWl0Rm9yU2VsZWN0b3IsICAgLyogV2FydGV0IGZvciBkZW0gU2NyZWVuc2hvdCBiaXMgZGllc2VzIE9iamVrdCBzaWNodGJhciBpc3QgKi8NCiAgICAgICAgd2FpdEZvclRpbWVvdXQ6IDEwMDAwICAgICAgICAgICAgICAgLyogVGltZW91dCwgc29sYW5nZSB3aXJkIGF1ZiBkYXMgT2JqZWt0IGdld2FydGV0ICovDQogICAgfSwNCg0KICAgIGZ1bGxQYWdlOiBmYWxzZSwgICAgICAgICAgICAgICAgICAgICAgICAvKiBUcnVlIHfDvHJkZSBkaWUgZ2FuemUgU2VpdGUgU25hcHNob3RlbiB1bmQgZGllIGNsaXAtQW53ZWlzdW5nZW4gaWdub3JpZXJlbiAqLw0KDQogICAgY2xpcDogeyAgICAgICAgIA0KICAgICAgICB4OiBjdXRvdXRYLCAgICAgICAgICAgICAgICAgICAgICAgICAvKiBLb29yZGluYXRlIFggYW4gZGVyIGRlciBBdXNzY2huaXR0IGJlZ2lubmVuIHNvbGwgKi8NCiAgICAgICAgeTogY3V0b3V0WSwgICAgICAgICAgICAgICAgICAgICAgICAgLyogS29vcmRpbmF0ZSBZIGFuIGRlciBkZXIgQXVzc2Nobml0dCBiZWdpbm5lbiBzb2xsICovDQogICAgICAgIHdpZHRoOiBjdXRvdXRXaWR0aCwgICAgICAgICAgICAgICAgIC8qIEJyZWl0ZSBkZXMgQXVzc2Nobml0dGVzICovDQogICAgICAgIGhlaWdodDogY3V0b3V0SGVpZ2h0ICAgICAgICAgICAgICAgIC8qIEjDtmhlIGRlcyBBdXNzY2huaXR0ZXMgKi8NCiAgICAgIH0NCn0sIG9iaiA9PiB7DQogICAgICBpZiAob2JqLmVycm9yKSB7DQogICAgICAgIGNvbnNvbGUud2FybigiRmVobGVyIGJlaW0gQXVmcnVmIGRlciBWaWV3OiAiICsgdXJsT2ZWSVNWaWV3ICsgIiA9PiAiICsgb2JqLmVycm9yLm1lc3NhZ2UpOw0KICAgICAgfSBlbHNlIHsNCiAgICAgICAgICAvKiBpbiBvYmoucmVzdWx0IHNpbmQgZGllIEJpbsOkcmRhdGVuIGRlcyBCaWxkZXMgKi8NCiAgICAgICAgdmFyIHJlcXVlc3QgPSByZXF1aXJlKCdyZXF1ZXN0Jyk7DQogICAgICAgIHZhciBvcHRpb25zID0gew0KICAgICAgICAgICAgdXJsOiBpbWFnZVVwbG9hZFVSTCwNCiAgICAgICAgICAgIG1ldGhvZDogJ1BPU1QnLA0KICAgICAgICAgICAgZm9ybURhdGE6IHsgDQogICAgICAgICAgICAgICAgImRpdGhlciI6ICIwIiwgDQogICAgICAgICAgICAgICAgIm1hYyI6IGVQYXBlck1BQywNCiAgICAgICAgICAgICAgICAiaW1hZ2UiOiBvYmoucmVzdWx0IH0sDQogICAgICAgIH07DQogICAgICAgIC8qIHVuZCBkaWUgVVJMIGF1ZnJ1ZmVuOiAqLw0KICAgICAgICByZXF1ZXN0KG9wdGlvbnMsZnVuY3Rpb24gKGVycm9yLCByZXNwb25zZSwgYm9keSl7DQogICAgICAgICAgICAvL2xvZygiTG9naW4tQW50d29ydDogIiArIEpTT04uc3RyaW5naWZ5KHJlc3BvbnNlKSk7DQogICAgICAgICAgICAvL2NvbnNvbGUud2FybigiSW1hZ2VVcGxvYWQ6ICIgKyBKU09OLnN0cmluZ2lmeShyZXNwb25zZSkpOw0KICAgICAgICAgICAgY29uc29sZS5sb2coIkltYWdlOiIgKyBpbWFnZVNhdmVUb0ZpbGVuYW1lV2l0aFBhdGggKyAiID0+IEltYWdlVXBsb2FkU3RhdHVzQ29kZTogIiArIHJlc3BvbnNlLnN0YXR1c0NvZGUpOw0KICAgICAgICAgICAgLyoNCiAgICAgICAgICAgIGlmKHBhcnNlSW50KGJvZHkuZXJyb3JfY29kZSk9PTApIHsNCiAgICAgICAgICAgICAgICAvLyBuaXgNCiAgICAgICAgICAgICAgICB9IGVsc2Ugew0KICAgICAgICAgICAgICAgIC8vIHdpZWRlciBuaXgNCiAgICAgICAgICAgIH0NCiAgICAgICAgICAgICovDQogICAgICAgIH0pOw0KICAgICAgfQ0KfSk7DQo=</field>
          <comment pinned="false" h="80" w="160">Beschreibe diese Funktion …</comment>
        </block>
        

        Das ergibt diese JavaScript-Funktion:
        4cab7414-5ae2-45d9-b7f5-06036e266f7d-image.png
        mit folgenden Quelltext:

        sendTo('puppeteer.0', 'screenshot', { 
            url: urlOfVISView,                      /* URL der Webseite aus welcher der Screenshot erstellt werden soll */
            path: imageSaveToFilenameWithPath,      /* Dateiname und Pfad für lokales Speichern des Bildes */
            width: viewWidth,                       /* Breite des virtuellen Browserfensters */
            height: viewHeight,                     /* Höhe des virtuellen Browserfensters */
            quality: jpgQuality,                    /* Qualität des JPG, sollte immer 100 sein */
        
            waitOption: {
                waitForSelector: waitForSelector,   /* Wartet for dem Screenshot bis dieses Objekt sichtbar ist */
                waitForTimeout: 10000               /* Timeout, solange wird auf das Objekt gewartet */
            },
        
            fullPage: false,                        /* True würde die ganze Seite Snapshoten und die clip-Anweisungen ignorieren */
        
            clip: {         
                x: cutoutX,                         /* Koordinate X an der der Ausschnitt beginnen soll */
                y: cutoutY,                         /* Koordinate Y an der der Ausschnitt beginnen soll */
                width: cutoutWidth,                 /* Breite des Ausschnittes */
                height: cutoutHeight                /* Höhe des Ausschnittes */
              }
        }, obj => {
              if (obj.error) {
                console.warn("Fehler beim Aufruf der View: " + urlOfVISView + " => " + obj.error.message);
              } else {
                  /* in obj.result sind die Binärdaten des Bildes */
                var request = require('request');
                var options = {
                    url: imageUploadURL,
                    method: 'POST',
                    formData: { 
                        "dither": "0", 
                        "mac": ePaperMAC,
                        "image": obj.result },
                };
                /* und die URL aufrufen: */
                request(options,function (error, response, body){
                    //log("Login-Antwort: " + JSON.stringify(response));
                    //console.warn("ImageUpload: " + JSON.stringify(response));
                    console.log("Image:" + imageSaveToFilenameWithPath + " => ImageUploadStatusCode: " + response.statusCode);
                    /*
                    if(parseInt(body.error_code)==0) {
                        // nix
                        } else {
                        // wieder nix
                    }
                    */
                });
              }
        });
        
        

        Nun findet Ihr unten unter Funktionen diese neue mit dem sperrigen Namen ScreenshotVISandUpload2OpenEPaperLink:
        362e64b7-2f3c-4cd0-a7e8-75e8193dfbc2-image.png
        Hui Tiffy, ganz schön viele Parameter! Keine Angst, die gehen wir gleich durch.

        Als nächstes Sammeln wir zwei der notwendigen Parameter und speichern diese in Variablen die ihr selbst neu erstellen müsst:
        348c897c-2825-4a10-a20b-781fa769f1ee-image.png
        Ist die URL eures OpenEPaper AccessPoints, also die IP-Adresse über welche Ihr die Weboberfläche des AccessPoints erreicht. daran hängt Ihr ein /imguplad an. Vollständig also so:

        http://192.168.2.131/imgupload
        

        Die Adresse 192.168.2.131 müsst ihr natürlich an eure anpassen.

        026941d6-0e77-4b02-9540-abd65efd3abb-image.png
        ist die MAC des ePaper-Tags welches den Inhalt erhalten soll. Die MAC findet Ihr auf der Weboberfläche des Tags. Aus dem Dialog wenn man es anklickt kann man diese oben links markieren und kopieren:
        db4c430b-7904-4b5a-ba3c-96ed9fd90743-image.png

        Denn Rest habe ich hier bei mir direkt eingetragen, AP und Tag habe ich Variablen gespeichert weil ich diese so schnell ändern kann ohne das ganze Skript durchgehen zu müssen.

        Unter die beiden Variablen setzen wir nun den JavaScript Block und befüllen die Parameter:
        c9ef1fc3-0976-4dd3-9f68-7b9b0a725fac-image.png

        Die Parameter im Detail:
        410580eb-6bc7-4342-852a-93548f80215b-image.png
        Ist der Dateiname und Pfad wohin er den Screenshot speichert. Das muss also ein Ort sein wohin der Benutzer iobroker schreiben darf. /tmp/ sollte immer gehen. Eigentlich brauchen wir die Datei gar nicht, aber Puppeteer will die nun mal speichern. Andere hatten hier in den Beispielen gar keinen Pfad angegeben, das klappt bei mir nicht, dann versucht er das Bild im Ordner von Puppeteer zu speichern was nicht erlaubt ist.
        Gebt hier also Pfad mit Dateinamen an, die Endung muss .jpg sein:

        /tmp/briefkasten-test.jpg
        

        2ab5781f-5028-4ba5-8123-d8824a64c2b0-image.png
        Ist die URL zu eurer View - am besten oben aus der Adressleiste kopieren und hier einfügen

        2005a335-e8ae-4801-92a2-bcd17dbd01f5-image.png

        Puppeteer ruft die Seite auf wie ein Webbrowser das machen würde. Die Angabe ist wie groß das Browserfenster ist. Hier also 800x600 Pixel. Beachtet das die Felder Blau sind - das ist der Zahlenblock aus dem Mathematik-Menü

        c7090b32-48dc-4607-9a2a-f4d2ab3ddea7-image.png
        Das ist die Größe des Ausschnitts gefolgt von der Qualität.
        Die ersten beiden 0 sind die Koordinaten welche die Ecke oben links beschreiben.
        296 ist die Breite (nach rechts), 128 die Höhe (nach unten). Das ist der Bildausschnitt den er dann speichert.
        Die Qualität sollte immer 100 sein damit das Bild besser aussieht.

        cad18f8f-d309-43c9-8e26-7b03bcc9a22a-image.png

        Dieser Eintrag lässt Puppeteer auf dieses View-Widget warten und erst dann den Screenshot auslösen. So ist sichergestellt das die Seite fertig geladen ist, er aber auch nicht unnötig lange wartet bis er weiter macht. Diese Widget-Id könnt Ihr auf 2 Arten bekommen:
        Ihr geht in den VIS-Editor auf die betreffen View und lasst euch die Liste mit den Widgets anzeigen:
        2404c402-74ed-49f4-bdac-31ced9dff6a4-image.png
        Nehmt im Zweifel das Widget mit der höchsten Nummer. Oder das was auf jeden Fall zu sehen sein muss.

        Die andere Methode ist das Ihr euch den Quelltext der Webseite mit der View anzeigen lasst (die nach Play erscheint) und dort die #w00.... Einträge durchgeht. Im Quelltext könnt Ihr ja auch suchen und so im Zweifel prüfen ob das Widget dabei ist.

        ed4ff489-8ca7-4c64-be87-55684135b9bb-image.png
        Sind unsere beiden Varibalen mit der URL und der MAC.

        Wenn Ihr das Skript speichert und ausführt - und es keine Fehler gibt - sollte er einmalig das Bild auf den ePaper Tag schieben.
        d3cf67b9-c72e-43ed-8213-d79181e96b29-image.png

        Unten und im Log sollte eine Info-Meldung erscheinen wenn er das Bild am AccessPoint abgeliefert hat.

        Schritt 4:
        Wenn das funktioniert könnt Ihr das Skript erweitern so das er immer sendet wenn sich in eurer VIS etwas geändert hat.
        Beachtet das der AP das Bild immer annehmen wird. Er sendet es aber nur neu an den ePaper Tag wenn das Bild sich auch verändert hat.

        Edit 22.01.2022: Typos + Satzbau

        ioBroker@Ubuntu 24.04 LTS (VMware) für: >260 Geräte, 5 Switche, 7 AP, 9 IP-Cam, 1 NAS 42TB, 1 ESXi 15TB, 4 Proxmox 1TB, 1 Hyper-V 44TB, 14 x Echo, 5x FireTV, 5 x Tablett/Handy VIS || >=157 Tasmota/Shelly || >=88 ZigBee || PV 8.1kW / Akku 14kWh || 2x USV 900/750W kaskadiert || Creality CR-10 SE 3D-Drucker

        B E WebrangerW 4 Antworten Letzte Antwort
        4
        • BananaJoeB BananaJoe

          @beowolf sagte in EPS E-INK Display Ansteuerung -> Statusdisplay für 2€:

          Ich bin ein wenig Ratlos und weiß nicht wo ich anfangen soll.

          Hier mal grob in Schritten zusammengefasst:

          Schritt 1: Eigene VIS für die ePaper Tags
          Im VIS Editor hatte ich ein neues Projekt erstellt - hier openepaper genannt:
          5fae74ac-f912-4ad3-a207-09f96b1b3a78-image.png

          In dem Projekt habe ich dann jeweils eine Seite für jedes Tag angelegt. Hier zum Beispiel für den Briefkasten, ein 2,9" Tag:
          5a77a407-e84b-4256-9077-6fb1e0ac58a5-image.png
          Wie man sieht habe ich unter Tools für diese View eine Auflösung von 296x128 Pixel eingestellt. Das habe ich gemacht weil er mir dann den roten Rahmen um diesen Bereich malt und ich weiß wo/wie ich die Elemente platzieren muss.

          Man kann auch beliebige Elemente außerhalb des roten Rahmens platzieren, die sind dann aber später halt nicht zu sehen. Hier habe ich das für einen Informationstext genutzt und ich parke auch nicht genutzte Elemente die ich aber vielleicht noch mal brauche so. Hier ist also das Batteriesymbol und die Prozentanzeige in Zahl und als Balken zu sehen.
          Die 2,9" Tags könnten 3 Farben: Rot (#FF0000), Schwarz (#000000) und Weiß (#FFFFFF), also am besten die Elemente in dieser Mini-View in diesen 3 Farben halten.

          Diese Seite hat später eine URL die man sich ja auch über die Play-Schaltfläche oben rechts ansehen kann (Runtime in einem neuen Fenster aufmachen). Bei mir ist die URL die folgende

          http://192.168.1.8:8082/vis/index.html?openepaper#Briefkasten
          

          Drückt auf den Play Button und kopiert euch die URL einfach dort heraus wenn wir diese dann brauchen.

          Schritt 2: Puppeteer installieren wenn noch nicht geschehen
          Installiert den Adapter Puppenspieler
          9241e08b-58b8-4687-a5d5-06c92562930c-image.png
          und stellt sicher das dieser dann auch eine laufende Instanz hat:
          afa80031-0a51-46f8-93ed-1a66e18696eb-image.png
          Sollte der Adapter nicht auf Grün springen (weil ihr das ganze z.B. auf einem Raspberry Pi laufen habt) so beachtet bitte diesen Issue hier, da wird beschrieben wie Ihr den dann trotzdem zum laufen bekommt: https://github.com/foxriver76/ioBroker.puppeteer/issues/13

          Schritt 3: Blockly-Skript das die VIS-View an das ePaper Tag sendet
          Ich beschreibe das hier für Blockly, wer das nicht nutzt kann sich ja den passenden Code herauskopieren.
          Das ganze habe ich mir auch nicht alleine ausgedacht sondern ist die Sammlung aus den anderen Artikel hier (und wahrscheinlich anderen aus dem Forum hier).

          Das Aufrufen von Puppeteer habe ich in eine eigene Funktion gepackt. Es holt den Screenshot und sendet diesen auch gleich an das ePaper-Tag.
          Erstellt am besten ein neues Blockly-Skript und importiert diese Vorlage:

          <block xmlns="https://developers.google.com/blockly/xml" type="procedures_defcustomnoreturn" id="od4:#LN4MMPOX5Cuwv0G" x="63" y="-187">
            <mutation statements="false">
              <arg name="imageSaveToFilenameWithPath" varid="#6wGK,7)K9MvKS1Y^m7w"></arg>
              <arg name="urlOfVISView" varid="/34/q/S9,6lBaN0B^0p+"></arg>
              <arg name="viewWidth" varid="VtK5T):T+/?(:RTltehP"></arg>
              <arg name="viewHeight" varid="d%Y)z(!gms*2[:-Q?srZ"></arg>
              <arg name="cutoutX" varid="yI1;;SNF[v//PXeFn75c"></arg>
              <arg name="cutoutY" varid="ixza1C+:$RS#_aO(+mTw"></arg>
              <arg name="cutoutWidth" varid="JHgH!or}TSYU@4ok~:dD"></arg>
              <arg name="cutoutHeight" varid="pui*x3;[n/WA5nodRtex"></arg>
              <arg name="jpgQuality" varid="{l]%ubA0HMv*]m|`-bQ#"></arg>
              <arg name="waitForSelector" varid="^}k9.{.g,!Q=P%/G;/%p"></arg>
              <arg name="imageUploadURL" varid="O}nZ-9?%oQZ/=~9D;8MW"></arg>
              <arg name="ePaperMAC" varid="$iC+L#(86gFYKS_:{d3%"></arg>
            </mutation>
            <field name="NAME">ScreenshotVISandUpload2OpenEPaperLink</field>
            <field name="SCRIPT">c2VuZFRvKCdwdXBwZXRlZXIuMCcsICdzY3JlZW5zaG90JywgeyANCiAgICB1cmw6IHVybE9mVklTVmlldywgICAgICAgICAgICAgICAgICAgICAgLyogVVJMIGRlciBXZWJzZWl0ZSBhdXMgd2VsY2hlciBkZXIgU2NyZWVuc2hvdCBlcnN0ZWxsdCB3ZXJkZW4gc29sbCAqLw0KICAgIHBhdGg6IGltYWdlU2F2ZVRvRmlsZW5hbWVXaXRoUGF0aCwgICAgICAvKiBEYXRlaW5hbWUgdW5kIFBmYWQgZsO8ciBsb2thbGVzIFNwZWljaGVybiBkZXMgQmlsZGVzICovDQogICAgd2lkdGg6IHZpZXdXaWR0aCwgICAgICAgICAgICAgICAgICAgICAgIC8qIEJyZWl0ZSBkZXMgdmlydHVlbGxlbiBCcm93c2VyZmVuc3RlcnMgKi8NCiAgICBoZWlnaHQ6IHZpZXdIZWlnaHQsICAgICAgICAgICAgICAgICAgICAgLyogSMO2aGUgZGVzIHZpcnR1ZWxsZW4gQnJvd3NlcmZlbnN0ZXJzICovDQogICAgcXVhbGl0eToganBnUXVhbGl0eSwgICAgICAgICAgICAgICAgICAgIC8qIFF1YWxpdMOkdCBkZXMgSlBHLCBzb2xsdGUgaW1tZXIgMTAwIHNlaW4gKi8NCg0KICAgIHdhaXRPcHRpb246IHsNCiAgICAgICAgd2FpdEZvclNlbGVjdG9yOiB3YWl0Rm9yU2VsZWN0b3IsICAgLyogV2FydGV0IGZvciBkZW0gU2NyZWVuc2hvdCBiaXMgZGllc2VzIE9iamVrdCBzaWNodGJhciBpc3QgKi8NCiAgICAgICAgd2FpdEZvclRpbWVvdXQ6IDEwMDAwICAgICAgICAgICAgICAgLyogVGltZW91dCwgc29sYW5nZSB3aXJkIGF1ZiBkYXMgT2JqZWt0IGdld2FydGV0ICovDQogICAgfSwNCg0KICAgIGZ1bGxQYWdlOiBmYWxzZSwgICAgICAgICAgICAgICAgICAgICAgICAvKiBUcnVlIHfDvHJkZSBkaWUgZ2FuemUgU2VpdGUgU25hcHNob3RlbiB1bmQgZGllIGNsaXAtQW53ZWlzdW5nZW4gaWdub3JpZXJlbiAqLw0KDQogICAgY2xpcDogeyAgICAgICAgIA0KICAgICAgICB4OiBjdXRvdXRYLCAgICAgICAgICAgICAgICAgICAgICAgICAvKiBLb29yZGluYXRlIFggYW4gZGVyIGRlciBBdXNzY2huaXR0IGJlZ2lubmVuIHNvbGwgKi8NCiAgICAgICAgeTogY3V0b3V0WSwgICAgICAgICAgICAgICAgICAgICAgICAgLyogS29vcmRpbmF0ZSBZIGFuIGRlciBkZXIgQXVzc2Nobml0dCBiZWdpbm5lbiBzb2xsICovDQogICAgICAgIHdpZHRoOiBjdXRvdXRXaWR0aCwgICAgICAgICAgICAgICAgIC8qIEJyZWl0ZSBkZXMgQXVzc2Nobml0dGVzICovDQogICAgICAgIGhlaWdodDogY3V0b3V0SGVpZ2h0ICAgICAgICAgICAgICAgIC8qIEjDtmhlIGRlcyBBdXNzY2huaXR0ZXMgKi8NCiAgICAgIH0NCn0sIG9iaiA9PiB7DQogICAgICBpZiAob2JqLmVycm9yKSB7DQogICAgICAgIGNvbnNvbGUud2FybigiRmVobGVyIGJlaW0gQXVmcnVmIGRlciBWaWV3OiAiICsgdXJsT2ZWSVNWaWV3ICsgIiA9PiAiICsgb2JqLmVycm9yLm1lc3NhZ2UpOw0KICAgICAgfSBlbHNlIHsNCiAgICAgICAgICAvKiBpbiBvYmoucmVzdWx0IHNpbmQgZGllIEJpbsOkcmRhdGVuIGRlcyBCaWxkZXMgKi8NCiAgICAgICAgdmFyIHJlcXVlc3QgPSByZXF1aXJlKCdyZXF1ZXN0Jyk7DQogICAgICAgIHZhciBvcHRpb25zID0gew0KICAgICAgICAgICAgdXJsOiBpbWFnZVVwbG9hZFVSTCwNCiAgICAgICAgICAgIG1ldGhvZDogJ1BPU1QnLA0KICAgICAgICAgICAgZm9ybURhdGE6IHsgDQogICAgICAgICAgICAgICAgImRpdGhlciI6ICIwIiwgDQogICAgICAgICAgICAgICAgIm1hYyI6IGVQYXBlck1BQywNCiAgICAgICAgICAgICAgICAiaW1hZ2UiOiBvYmoucmVzdWx0IH0sDQogICAgICAgIH07DQogICAgICAgIC8qIHVuZCBkaWUgVVJMIGF1ZnJ1ZmVuOiAqLw0KICAgICAgICByZXF1ZXN0KG9wdGlvbnMsZnVuY3Rpb24gKGVycm9yLCByZXNwb25zZSwgYm9keSl7DQogICAgICAgICAgICAvL2xvZygiTG9naW4tQW50d29ydDogIiArIEpTT04uc3RyaW5naWZ5KHJlc3BvbnNlKSk7DQogICAgICAgICAgICAvL2NvbnNvbGUud2FybigiSW1hZ2VVcGxvYWQ6ICIgKyBKU09OLnN0cmluZ2lmeShyZXNwb25zZSkpOw0KICAgICAgICAgICAgY29uc29sZS5sb2coIkltYWdlOiIgKyBpbWFnZVNhdmVUb0ZpbGVuYW1lV2l0aFBhdGggKyAiID0+IEltYWdlVXBsb2FkU3RhdHVzQ29kZTogIiArIHJlc3BvbnNlLnN0YXR1c0NvZGUpOw0KICAgICAgICAgICAgLyoNCiAgICAgICAgICAgIGlmKHBhcnNlSW50KGJvZHkuZXJyb3JfY29kZSk9PTApIHsNCiAgICAgICAgICAgICAgICAvLyBuaXgNCiAgICAgICAgICAgICAgICB9IGVsc2Ugew0KICAgICAgICAgICAgICAgIC8vIHdpZWRlciBuaXgNCiAgICAgICAgICAgIH0NCiAgICAgICAgICAgICovDQogICAgICAgIH0pOw0KICAgICAgfQ0KfSk7DQo=</field>
            <comment pinned="false" h="80" w="160">Beschreibe diese Funktion …</comment>
          </block>
          

          Das ergibt diese JavaScript-Funktion:
          4cab7414-5ae2-45d9-b7f5-06036e266f7d-image.png
          mit folgenden Quelltext:

          sendTo('puppeteer.0', 'screenshot', { 
              url: urlOfVISView,                      /* URL der Webseite aus welcher der Screenshot erstellt werden soll */
              path: imageSaveToFilenameWithPath,      /* Dateiname und Pfad für lokales Speichern des Bildes */
              width: viewWidth,                       /* Breite des virtuellen Browserfensters */
              height: viewHeight,                     /* Höhe des virtuellen Browserfensters */
              quality: jpgQuality,                    /* Qualität des JPG, sollte immer 100 sein */
          
              waitOption: {
                  waitForSelector: waitForSelector,   /* Wartet for dem Screenshot bis dieses Objekt sichtbar ist */
                  waitForTimeout: 10000               /* Timeout, solange wird auf das Objekt gewartet */
              },
          
              fullPage: false,                        /* True würde die ganze Seite Snapshoten und die clip-Anweisungen ignorieren */
          
              clip: {         
                  x: cutoutX,                         /* Koordinate X an der der Ausschnitt beginnen soll */
                  y: cutoutY,                         /* Koordinate Y an der der Ausschnitt beginnen soll */
                  width: cutoutWidth,                 /* Breite des Ausschnittes */
                  height: cutoutHeight                /* Höhe des Ausschnittes */
                }
          }, obj => {
                if (obj.error) {
                  console.warn("Fehler beim Aufruf der View: " + urlOfVISView + " => " + obj.error.message);
                } else {
                    /* in obj.result sind die Binärdaten des Bildes */
                  var request = require('request');
                  var options = {
                      url: imageUploadURL,
                      method: 'POST',
                      formData: { 
                          "dither": "0", 
                          "mac": ePaperMAC,
                          "image": obj.result },
                  };
                  /* und die URL aufrufen: */
                  request(options,function (error, response, body){
                      //log("Login-Antwort: " + JSON.stringify(response));
                      //console.warn("ImageUpload: " + JSON.stringify(response));
                      console.log("Image:" + imageSaveToFilenameWithPath + " => ImageUploadStatusCode: " + response.statusCode);
                      /*
                      if(parseInt(body.error_code)==0) {
                          // nix
                          } else {
                          // wieder nix
                      }
                      */
                  });
                }
          });
          
          

          Nun findet Ihr unten unter Funktionen diese neue mit dem sperrigen Namen ScreenshotVISandUpload2OpenEPaperLink:
          362e64b7-2f3c-4cd0-a7e8-75e8193dfbc2-image.png
          Hui Tiffy, ganz schön viele Parameter! Keine Angst, die gehen wir gleich durch.

          Als nächstes Sammeln wir zwei der notwendigen Parameter und speichern diese in Variablen die ihr selbst neu erstellen müsst:
          348c897c-2825-4a10-a20b-781fa769f1ee-image.png
          Ist die URL eures OpenEPaper AccessPoints, also die IP-Adresse über welche Ihr die Weboberfläche des AccessPoints erreicht. daran hängt Ihr ein /imguplad an. Vollständig also so:

          http://192.168.2.131/imgupload
          

          Die Adresse 192.168.2.131 müsst ihr natürlich an eure anpassen.

          026941d6-0e77-4b02-9540-abd65efd3abb-image.png
          ist die MAC des ePaper-Tags welches den Inhalt erhalten soll. Die MAC findet Ihr auf der Weboberfläche des Tags. Aus dem Dialog wenn man es anklickt kann man diese oben links markieren und kopieren:
          db4c430b-7904-4b5a-ba3c-96ed9fd90743-image.png

          Denn Rest habe ich hier bei mir direkt eingetragen, AP und Tag habe ich Variablen gespeichert weil ich diese so schnell ändern kann ohne das ganze Skript durchgehen zu müssen.

          Unter die beiden Variablen setzen wir nun den JavaScript Block und befüllen die Parameter:
          c9ef1fc3-0976-4dd3-9f68-7b9b0a725fac-image.png

          Die Parameter im Detail:
          410580eb-6bc7-4342-852a-93548f80215b-image.png
          Ist der Dateiname und Pfad wohin er den Screenshot speichert. Das muss also ein Ort sein wohin der Benutzer iobroker schreiben darf. /tmp/ sollte immer gehen. Eigentlich brauchen wir die Datei gar nicht, aber Puppeteer will die nun mal speichern. Andere hatten hier in den Beispielen gar keinen Pfad angegeben, das klappt bei mir nicht, dann versucht er das Bild im Ordner von Puppeteer zu speichern was nicht erlaubt ist.
          Gebt hier also Pfad mit Dateinamen an, die Endung muss .jpg sein:

          /tmp/briefkasten-test.jpg
          

          2ab5781f-5028-4ba5-8123-d8824a64c2b0-image.png
          Ist die URL zu eurer View - am besten oben aus der Adressleiste kopieren und hier einfügen

          2005a335-e8ae-4801-92a2-bcd17dbd01f5-image.png

          Puppeteer ruft die Seite auf wie ein Webbrowser das machen würde. Die Angabe ist wie groß das Browserfenster ist. Hier also 800x600 Pixel. Beachtet das die Felder Blau sind - das ist der Zahlenblock aus dem Mathematik-Menü

          c7090b32-48dc-4607-9a2a-f4d2ab3ddea7-image.png
          Das ist die Größe des Ausschnitts gefolgt von der Qualität.
          Die ersten beiden 0 sind die Koordinaten welche die Ecke oben links beschreiben.
          296 ist die Breite (nach rechts), 128 die Höhe (nach unten). Das ist der Bildausschnitt den er dann speichert.
          Die Qualität sollte immer 100 sein damit das Bild besser aussieht.

          cad18f8f-d309-43c9-8e26-7b03bcc9a22a-image.png

          Dieser Eintrag lässt Puppeteer auf dieses View-Widget warten und erst dann den Screenshot auslösen. So ist sichergestellt das die Seite fertig geladen ist, er aber auch nicht unnötig lange wartet bis er weiter macht. Diese Widget-Id könnt Ihr auf 2 Arten bekommen:
          Ihr geht in den VIS-Editor auf die betreffen View und lasst euch die Liste mit den Widgets anzeigen:
          2404c402-74ed-49f4-bdac-31ced9dff6a4-image.png
          Nehmt im Zweifel das Widget mit der höchsten Nummer. Oder das was auf jeden Fall zu sehen sein muss.

          Die andere Methode ist das Ihr euch den Quelltext der Webseite mit der View anzeigen lasst (die nach Play erscheint) und dort die #w00.... Einträge durchgeht. Im Quelltext könnt Ihr ja auch suchen und so im Zweifel prüfen ob das Widget dabei ist.

          ed4ff489-8ca7-4c64-be87-55684135b9bb-image.png
          Sind unsere beiden Varibalen mit der URL und der MAC.

          Wenn Ihr das Skript speichert und ausführt - und es keine Fehler gibt - sollte er einmalig das Bild auf den ePaper Tag schieben.
          d3cf67b9-c72e-43ed-8213-d79181e96b29-image.png

          Unten und im Log sollte eine Info-Meldung erscheinen wenn er das Bild am AccessPoint abgeliefert hat.

          Schritt 4:
          Wenn das funktioniert könnt Ihr das Skript erweitern so das er immer sendet wenn sich in eurer VIS etwas geändert hat.
          Beachtet das der AP das Bild immer annehmen wird. Er sendet es aber nur neu an den ePaper Tag wenn das Bild sich auch verändert hat.

          Edit 22.01.2022: Typos + Satzbau

          B Offline
          B Offline
          Beowolf
          schrieb am zuletzt editiert von Beowolf
          #276

          @bananajoe
          Vielen Dank für die Anleitung.

          Ich habe das jetzt nachgebaut. Eine Fehlermeldung kommt nicht, aber eine "Vollzug-Meldung auch nicht".

          Was muß im AP bei dem entsprechenden TAG als "Content" ausgewählt werden?

          Ist Static image das richtige?

          Die Natur braucht nicht unseren Schutz, sie braucht unsere Abwesenheit.

          BananaJoeB 1 Antwort Letzte Antwort
          0
          • B Beowolf

            @bananajoe
            Vielen Dank für die Anleitung.

            Ich habe das jetzt nachgebaut. Eine Fehlermeldung kommt nicht, aber eine "Vollzug-Meldung auch nicht".

            Was muß im AP bei dem entsprechenden TAG als "Content" ausgewählt werden?

            Ist Static image das richtige?

            BananaJoeB Online
            BananaJoeB Online
            BananaJoe
            Most Active
            schrieb am zuletzt editiert von BananaJoe
            #277

            @beowolf das müsste egal sein, der stellt sich dann von allein um auf "external Image"
            Ändert sich denn am AP etwas?
            Bekommst du im Log die Meldung aus meinem letzten Screenshot? ImageUploadStatusCode: 200?
            Das ist die Meldung vom AP das er das Bild angenommen hat.

            Gibt es im /tmp/ Ordner das Bild was er speichern soll?

            ioBroker@Ubuntu 24.04 LTS (VMware) für: >260 Geräte, 5 Switche, 7 AP, 9 IP-Cam, 1 NAS 42TB, 1 ESXi 15TB, 4 Proxmox 1TB, 1 Hyper-V 44TB, 14 x Echo, 5x FireTV, 5 x Tablett/Handy VIS || >=157 Tasmota/Shelly || >=88 ZigBee || PV 8.1kW / Akku 14kWh || 2x USV 900/750W kaskadiert || Creality CR-10 SE 3D-Drucker

            B 1 Antwort Letzte Antwort
            1
            • BananaJoeB BananaJoe

              @beowolf das müsste egal sein, der stellt sich dann von allein um auf "external Image"
              Ändert sich denn am AP etwas?
              Bekommst du im Log die Meldung aus meinem letzten Screenshot? ImageUploadStatusCode: 200?
              Das ist die Meldung vom AP das er das Bild angenommen hat.

              Gibt es im /tmp/ Ordner das Bild was er speichern soll?

              B Offline
              B Offline
              Beowolf
              schrieb am zuletzt editiert von
              #278

              @bananajoe

              Jepp, funktioniert jetzt. Ich hatte unter "waitForSelector" den Wert aus deinem Beispiel eingetragen und ihn dann nicht geändert.

              Was glaube ich bei deiner guten Anleitung noch fehlt ist, das die Variable "AP-URL" selber erzeugt werden muß.

              Die war bei mir jetzt nicht automatisch vorhanden.

              Vielen Dank dafür. 👍 👍 👍 👍

              Die Natur braucht nicht unseren Schutz, sie braucht unsere Abwesenheit.

              BananaJoeB 1 Antwort Letzte Antwort
              1
              • B Offline
                B Offline
                Beowolf
                schrieb am zuletzt editiert von
                #279

                Im log vom AP erscheint dieses hier

                    17:51:10 < 000001811F763B3C reports xfer complete
                    17:51:09 < Block Request received for file /current/000001811F763B3C.pending block 2, len 1280 checksum 28356
                    17:51:09 < Block Request received for file /current/000001811F763B3C.pending block 1, len 4096 checksum 9123
                    17:51:08 < Block Request received for file /current/000001811F763B3C.pending block 0, len 4096 checksum 15041
                    17:50:57 new image: /current/000001811F763B3C.pending
                    17:50:56 Updating 000001811F763B3C
                

                Dann sollte alles passen, richtig?

                Das entsprechende Bild erscheint auch auf dem TAG.

                Die Natur braucht nicht unseren Schutz, sie braucht unsere Abwesenheit.

                BananaJoeB 1 Antwort Letzte Antwort
                0
                • B Beowolf

                  @bananajoe

                  Jepp, funktioniert jetzt. Ich hatte unter "waitForSelector" den Wert aus deinem Beispiel eingetragen und ihn dann nicht geändert.

                  Was glaube ich bei deiner guten Anleitung noch fehlt ist, das die Variable "AP-URL" selber erzeugt werden muß.

                  Die war bei mir jetzt nicht automatisch vorhanden.

                  Vielen Dank dafür. 👍 👍 👍 👍

                  BananaJoeB Online
                  BananaJoeB Online
                  BananaJoe
                  Most Active
                  schrieb am zuletzt editiert von
                  #280

                  @beowolf sagte in EPS E-INK Display Ansteuerung -> Statusdisplay für 2€:

                  Was glaube ich bei deiner guten Anleitung noch fehlt ist, das die Variable "AP-URL" selber erzeugt werden muß.

                  habe ich oben ergänzt

                  ioBroker@Ubuntu 24.04 LTS (VMware) für: >260 Geräte, 5 Switche, 7 AP, 9 IP-Cam, 1 NAS 42TB, 1 ESXi 15TB, 4 Proxmox 1TB, 1 Hyper-V 44TB, 14 x Echo, 5x FireTV, 5 x Tablett/Handy VIS || >=157 Tasmota/Shelly || >=88 ZigBee || PV 8.1kW / Akku 14kWh || 2x USV 900/750W kaskadiert || Creality CR-10 SE 3D-Drucker

                  1 Antwort Letzte Antwort
                  0
                  • B Beowolf

                    Im log vom AP erscheint dieses hier

                        17:51:10 < 000001811F763B3C reports xfer complete
                        17:51:09 < Block Request received for file /current/000001811F763B3C.pending block 2, len 1280 checksum 28356
                        17:51:09 < Block Request received for file /current/000001811F763B3C.pending block 1, len 4096 checksum 9123
                        17:51:08 < Block Request received for file /current/000001811F763B3C.pending block 0, len 4096 checksum 15041
                        17:50:57 new image: /current/000001811F763B3C.pending
                        17:50:56 Updating 000001811F763B3C
                    

                    Dann sollte alles passen, richtig?

                    Das entsprechende Bild erscheint auch auf dem TAG.

                    BananaJoeB Online
                    BananaJoeB Online
                    BananaJoe
                    Most Active
                    schrieb am zuletzt editiert von
                    #281

                    @beowolf sagte in EPS E-INK Display Ansteuerung -> Statusdisplay für 2€:

                    Im log vom AP erscheint dieses hier

                        17:51:10 < 000001811F763B3C reports xfer complete
                        17:51:09 < Block Request received for file /current/000001811F763B3C.pending block 2, len 1280 checksum 28356
                        17:51:09 < Block Request received for file /current/000001811F763B3C.pending block 1, len 4096 checksum 9123
                        17:51:08 < Block Request received for file /current/000001811F763B3C.pending block 0, len 4096 checksum 15041
                        17:50:57 new image: /current/000001811F763B3C.pending
                        17:50:56 Updating 000001811F763B3C
                    

                    Dann sollte alles passen, richtig?

                    Das entsprechende Bild erscheint auch auf dem TAG.

                    Jupp, passt. Wenn das Bild identisch ist, also das neue Bild aussieht wie das alte, siehst du dort auch eine entsprechende Meldung (dann lädt er nicht hoch)

                    ioBroker@Ubuntu 24.04 LTS (VMware) für: >260 Geräte, 5 Switche, 7 AP, 9 IP-Cam, 1 NAS 42TB, 1 ESXi 15TB, 4 Proxmox 1TB, 1 Hyper-V 44TB, 14 x Echo, 5x FireTV, 5 x Tablett/Handy VIS || >=157 Tasmota/Shelly || >=88 ZigBee || PV 8.1kW / Akku 14kWh || 2x USV 900/750W kaskadiert || Creality CR-10 SE 3D-Drucker

                    B 1 Antwort Letzte Antwort
                    0
                    • B Offline
                      B Offline
                      Beowolf
                      schrieb am zuletzt editiert von
                      #282

                      Noch eine Frage, wenn sich der angezeigte Wert ändert, muß ioch das Skript auch mit neu starten, richtig?

                      Die Natur braucht nicht unseren Schutz, sie braucht unsere Abwesenheit.

                      BananaJoeB 1 Antwort Letzte Antwort
                      0
                      • BananaJoeB BananaJoe

                        @beowolf sagte in EPS E-INK Display Ansteuerung -> Statusdisplay für 2€:

                        Im log vom AP erscheint dieses hier

                            17:51:10 < 000001811F763B3C reports xfer complete
                            17:51:09 < Block Request received for file /current/000001811F763B3C.pending block 2, len 1280 checksum 28356
                            17:51:09 < Block Request received for file /current/000001811F763B3C.pending block 1, len 4096 checksum 9123
                            17:51:08 < Block Request received for file /current/000001811F763B3C.pending block 0, len 4096 checksum 15041
                            17:50:57 new image: /current/000001811F763B3C.pending
                            17:50:56 Updating 000001811F763B3C
                        

                        Dann sollte alles passen, richtig?

                        Das entsprechende Bild erscheint auch auf dem TAG.

                        Jupp, passt. Wenn das Bild identisch ist, also das neue Bild aussieht wie das alte, siehst du dort auch eine entsprechende Meldung (dann lädt er nicht hoch)

                        B Offline
                        B Offline
                        bimmi
                        schrieb am zuletzt editiert von
                        #283

                        @bananajoe Genau so! Sehr gute Anleitung. Einfach alle Informationen zusammen gefasst und erklärt. Ich verlinke den im ersten Beitrag!

                        Gruß Bimmi

                        iobroker in einer Proxmox Umgebung auf einem ausrangierten DELL OptiPlex 3080 24GB i5 in der VM auf SSD. Nutze den slaeh zigbee Router mit Tür- und Temperatursensoren von Aqara, viele Tasmota Devices, Unifi AP, Sprinklecontrol, günstige E-INK Displays, Adguard und noch vieles mehr 😬

                        1 Antwort Letzte Antwort
                        1
                        • B Beowolf

                          Noch eine Frage, wenn sich der angezeigte Wert ändert, muß ioch das Skript auch mit neu starten, richtig?

                          BananaJoeB Online
                          BananaJoeB Online
                          BananaJoe
                          Most Active
                          schrieb am zuletzt editiert von
                          #284

                          @beowolf sagte in EPS E-INK Display Ansteuerung -> Statusdisplay für 2€:

                          Noch eine Frage, wenn sich der angezeigte Wert ändert, muß ioch das Skript auch mit neu starten, richt

                          Richtig. Das Beispiel sendet nur ein neues Bild wenn man das Skript startet / neu startet. Den Aufruf der Funktion musst du dir z.B. in einen Trigger einbauen der z.B. Zeitgesteuert oder bei Wertänderung auslöst.

                          Bei meinem Beispiel mit dem Briefkasten mache ich das wenn jemand die Briefkasten- oder Paketboxklappe bewegt. Der Einfachheit halber habe ich den Teil weggelasen

                          ioBroker@Ubuntu 24.04 LTS (VMware) für: >260 Geräte, 5 Switche, 7 AP, 9 IP-Cam, 1 NAS 42TB, 1 ESXi 15TB, 4 Proxmox 1TB, 1 Hyper-V 44TB, 14 x Echo, 5x FireTV, 5 x Tablett/Handy VIS || >=157 Tasmota/Shelly || >=88 ZigBee || PV 8.1kW / Akku 14kWh || 2x USV 900/750W kaskadiert || Creality CR-10 SE 3D-Drucker

                          1 Antwort Letzte Antwort
                          1
                          • B Offline
                            B Offline
                            Beowolf
                            schrieb am zuletzt editiert von
                            #285

                            Danke für die Hilfen.

                            Noch eine Frage zu einem zweiten oder dritten AP.

                            Muß man die untereinander "bekannt" machen oder sind die TAGS "fest" mit dem AP verbunden an dem ich sie anmelde?

                            Ich frage deshalb, weil ich noch im "Testbetrieb" bin. Wenn ein AP mal vom Strom genommen wird, sucht sich der TAG der eigentlich mit ihm verbunden war dann einen anderen AP (sofern erreichbar)?

                            Die Natur braucht nicht unseren Schutz, sie braucht unsere Abwesenheit.

                            BananaJoeB 1 Antwort Letzte Antwort
                            0
                            • B Beowolf

                              Danke für die Hilfen.

                              Noch eine Frage zu einem zweiten oder dritten AP.

                              Muß man die untereinander "bekannt" machen oder sind die TAGS "fest" mit dem AP verbunden an dem ich sie anmelde?

                              Ich frage deshalb, weil ich noch im "Testbetrieb" bin. Wenn ein AP mal vom Strom genommen wird, sucht sich der TAG der eigentlich mit ihm verbunden war dann einen anderen AP (sofern erreichbar)?

                              BananaJoeB Online
                              BananaJoeB Online
                              BananaJoe
                              Most Active
                              schrieb am zuletzt editiert von BananaJoe
                              #286

                              @beowolf also, ich habe 2 Stück.

                              Sind die im selben Netzwerkbereich (vereinfacht gesagt im gleichen WLAN) so finden die sich von alleine untereinander.
                              Die ePaper Tags verbinden sich mit einem der beiden APs. Man könnte einen Tag konfigurieren das er nur einen bestimmten Kanal nimmt (und damit an einen AP binden), Default suchen die sich den stärksten und wiederholen das wenn nötig:
                              3b7ab7f3-63a7-4dd2-8315-05bbbaf49958-image.png

                              Bei 2 Stück würden die also ggf. den anderen AP nehmen wenn ihr eigener gerade nicht erreichbar ist, sonst aber nicht wechseln. Haben die einmal gewechselt bleiben die auch dort. Oder man müsste - so meine ich - "Tag Roaming" einschalten.

                              Für das steuern ist egal welchen AP du nimmst, die Befehle kannst du auch von anderem AP aus senden:
                              6ab7f0e9-44c3-4168-a35b-4a7f05e2934c-image.png

                              Wenn der Tag gerade vom anderen AP gefüttert wurde dann steht da "Remote Content". An welchen AP der wirklich hängt kann man nur am Kanal sehen (man korrigiere mich gerne). Der Screenshot ist vom AP auf Kanal 15, Kanal 25 wäre der 2.
                              Mein Briefkasten-Test
                              15b3d611-c145-4c39-9203-ae6bc049ec0e-image.png
                              Ist z.B. auf diesem AP aktiv, hängt aber am anderen. Auf der anderen Seite steht der nun auf "Remote Content":
                              48e5dd97-2ce5-489a-8af5-ea2f369b4e95-image.png

                              Man muss also seine Skripte nicht ändern, es ist egal welchen der beiden ich die Daten in die Hand drücke, die regeln das unter sich.

                              ioBroker@Ubuntu 24.04 LTS (VMware) für: >260 Geräte, 5 Switche, 7 AP, 9 IP-Cam, 1 NAS 42TB, 1 ESXi 15TB, 4 Proxmox 1TB, 1 Hyper-V 44TB, 14 x Echo, 5x FireTV, 5 x Tablett/Handy VIS || >=157 Tasmota/Shelly || >=88 ZigBee || PV 8.1kW / Akku 14kWh || 2x USV 900/750W kaskadiert || Creality CR-10 SE 3D-Drucker

                              haselchenH 1 Antwort Letzte Antwort
                              2
                              • BananaJoeB BananaJoe

                                @beowolf also, ich habe 2 Stück.

                                Sind die im selben Netzwerkbereich (vereinfacht gesagt im gleichen WLAN) so finden die sich von alleine untereinander.
                                Die ePaper Tags verbinden sich mit einem der beiden APs. Man könnte einen Tag konfigurieren das er nur einen bestimmten Kanal nimmt (und damit an einen AP binden), Default suchen die sich den stärksten und wiederholen das wenn nötig:
                                3b7ab7f3-63a7-4dd2-8315-05bbbaf49958-image.png

                                Bei 2 Stück würden die also ggf. den anderen AP nehmen wenn ihr eigener gerade nicht erreichbar ist, sonst aber nicht wechseln. Haben die einmal gewechselt bleiben die auch dort. Oder man müsste - so meine ich - "Tag Roaming" einschalten.

                                Für das steuern ist egal welchen AP du nimmst, die Befehle kannst du auch von anderem AP aus senden:
                                6ab7f0e9-44c3-4168-a35b-4a7f05e2934c-image.png

                                Wenn der Tag gerade vom anderen AP gefüttert wurde dann steht da "Remote Content". An welchen AP der wirklich hängt kann man nur am Kanal sehen (man korrigiere mich gerne). Der Screenshot ist vom AP auf Kanal 15, Kanal 25 wäre der 2.
                                Mein Briefkasten-Test
                                15b3d611-c145-4c39-9203-ae6bc049ec0e-image.png
                                Ist z.B. auf diesem AP aktiv, hängt aber am anderen. Auf der anderen Seite steht der nun auf "Remote Content":
                                48e5dd97-2ce5-489a-8af5-ea2f369b4e95-image.png

                                Man muss also seine Skripte nicht ändern, es ist egal welchen der beiden ich die Daten in die Hand drücke, die regeln das unter sich.

                                haselchenH Offline
                                haselchenH Offline
                                haselchen
                                Most Active
                                schrieb am zuletzt editiert von
                                #287

                                @bananajoe

                                Grandios!
                                Danke für Deine ausführlichen Anleitungen.
                                Immer weiter 🤗

                                Synology DS218+ & 2 x Fujitsu Esprimo (VM/Container) + FritzBox7590 + 2 AVM 3000 Repeater & Homematic & HUE & Osram & Xiaomi, NPM 10.9.4, Nodejs 22.21.0 ,JS Controller 7.0.7 ,Admin 7.7.19

                                1 Antwort Letzte Antwort
                                0
                                • O oxident

                                  Da ich bei der aktuellen Firmware jetzt öfters die Fehlermeldung "409 Come back later" erhalte dachte ich mir, ich versuche es mal anders.

                                  Und zwar kann der AP ja auch die JPG-Dateien selber vom ioBroker herunterladen. Eventuell ist das einfacher, als sie von iob immer auf den AP zu "schieben".

                                  Das Skript wäre dann erstmal wie folgt:

                                  function updateEPaperWithView(sView, sEPaperMac, imgWidth, imgHeight) {
                                      sendTo('puppeteer.0', 'screenshot', { 
                                          url: 'http://localhost:8082/vis/index.html#' + sView,
                                          ioBrokerOptions: {
                                              storagePath: sView + '.jpg',
                                          },
                                          waitOption: {
                                              waitForTimeout: 8000,
                                          },
                                          viewportOptions: {
                                              width: imgWidth,
                                              height: imgHeight
                                          },
                                          type: "jpeg",
                                          quality: 100
                                      }, obj => {
                                          if (obj.error) {
                                              log(`Error taking screenshot: ${obj.error.message}`, 'error');
                                          } else {
                                              //log('Sucessfully took screenshot');
                                              
                                          }
                                      });
                                  }
                                  
                                  function runEPaperUpdates() {
                                  
                                      updateEPaperWithView("epaper_pool", "0000021B4F30XXXX", 296, 128);
                                      updateEPaperWithView("epaper_solar_verbrauch", "0000021EEB8DXXXX", 296, 128);
                                      updateEPaperWithView("epaper_solar", "0000021B7710XXXX", 296, 128);
                                  }
                                  
                                  runEPaperUpdates();
                                  
                                  schedule("*/1 * * * *", function () {
                                      runEPaperUpdates();
                                  });
                                  

                                  Im AP wählt man dann beim jeweiligen Tag die Funktion "Image URL" aus und nutzt als Adresse die des lokalen ioBrokers. Zum Beispiel http://iobroker.local:8082/0_userdata.0/epaper_solar.jpg

                                  Der Dateiname entspricht dem Namen der View.

                                  Als Interval kann man dann z. B. 3 (Minuten) angeben. Dies wäre auch das Minimum.

                                  Vielleicht bringt es ja etwas 😉

                                  BananaJoeB Online
                                  BananaJoeB Online
                                  BananaJoe
                                  Most Active
                                  schrieb am zuletzt editiert von BananaJoe
                                  #288

                                  @oxident sagte in EPS E-INK Display Ansteuerung -> Statusdisplay für 2€:

                                  Da ich bei der aktuellen Firmware jetzt öfters die Fehlermeldung "409 Come back later" erhalte dachte ich mir, ich versuche es mal anders.

                                  Und zwar kann der AP ja auch die JPG-Dateien selber vom ioBroker herunterladen. Eventuell ist das einfacher, als sie von iob immer auf den AP zu "schieben".

                                  Das Skript wäre dann erstmal wie folgt:

                                  function updateEPaperWithView(sView, sEPaperMac, imgWidth, imgHeight) {
                                      sendTo('puppeteer.0', 'screenshot', { 
                                          url: 'http://localhost:8082/vis/index.html#' + sView,
                                          ioBrokerOptions: {
                                              storagePath: sView + '.jpg',
                                          },
                                          waitOption: {
                                              waitForTimeout: 8000,
                                          },
                                          viewportOptions: {
                                              width: imgWidth,
                                              height: imgHeight
                                          },
                                          type: "jpeg",
                                          quality: 100
                                      }, obj => {
                                          if (obj.error) {
                                              log(`Error taking screenshot: ${obj.error.message}`, 'error');
                                          } else {
                                              //log('Sucessfully took screenshot');
                                              
                                          }
                                      });
                                  }
                                  
                                  function runEPaperUpdates() {
                                  
                                      updateEPaperWithView("epaper_pool", "0000021B4F30XXXX", 296, 128);
                                      updateEPaperWithView("epaper_solar_verbrauch", "0000021EEB8DXXXX", 296, 128);
                                      updateEPaperWithView("epaper_solar", "0000021B7710XXXX", 296, 128);
                                  }
                                  
                                  runEPaperUpdates();
                                  
                                  schedule("*/1 * * * *", function () {
                                      runEPaperUpdates();
                                  });
                                  

                                  Im AP wählt man dann beim jeweiligen Tag die Funktion "Image URL" aus und nutzt als Adresse die des lokalen ioBrokers. Zum Beispiel http://iobroker.local:8082/0_userdata.0/epaper_solar.jpg

                                  Der Dateiname entspricht dem Namen der View.

                                  Als Interval kann man dann z. B. 3 (Minuten) angeben. Dies wäre auch das Minimum.

                                  Vielleicht bringt es ja etwas 😉

                                  und @Radi

                                  Wie habt Ihr das angestellt das die Daten unter

                                  /opt/iobroker/iobroker-data/files/0_userdata.0
                                  

                                  landen? Den Ordner gibt es bei mir gar nicht ...
                                  Einfach selbst angelegt? Das Skript speichert ja einfach ohne Pfad. Wenn ich das bei mir versuche meckert Puppeteer das ich versuche meine Daten im Module-Ordner zu speichern (also im Verzeichnis des Adapters)

                                  ioBroker@Ubuntu 24.04 LTS (VMware) für: >260 Geräte, 5 Switche, 7 AP, 9 IP-Cam, 1 NAS 42TB, 1 ESXi 15TB, 4 Proxmox 1TB, 1 Hyper-V 44TB, 14 x Echo, 5x FireTV, 5 x Tablett/Handy VIS || >=157 Tasmota/Shelly || >=88 ZigBee || PV 8.1kW / Akku 14kWh || 2x USV 900/750W kaskadiert || Creality CR-10 SE 3D-Drucker

                                  B R 2 Antworten Letzte Antwort
                                  0
                                  • BananaJoeB BananaJoe

                                    @oxident sagte in EPS E-INK Display Ansteuerung -> Statusdisplay für 2€:

                                    Da ich bei der aktuellen Firmware jetzt öfters die Fehlermeldung "409 Come back later" erhalte dachte ich mir, ich versuche es mal anders.

                                    Und zwar kann der AP ja auch die JPG-Dateien selber vom ioBroker herunterladen. Eventuell ist das einfacher, als sie von iob immer auf den AP zu "schieben".

                                    Das Skript wäre dann erstmal wie folgt:

                                    function updateEPaperWithView(sView, sEPaperMac, imgWidth, imgHeight) {
                                        sendTo('puppeteer.0', 'screenshot', { 
                                            url: 'http://localhost:8082/vis/index.html#' + sView,
                                            ioBrokerOptions: {
                                                storagePath: sView + '.jpg',
                                            },
                                            waitOption: {
                                                waitForTimeout: 8000,
                                            },
                                            viewportOptions: {
                                                width: imgWidth,
                                                height: imgHeight
                                            },
                                            type: "jpeg",
                                            quality: 100
                                        }, obj => {
                                            if (obj.error) {
                                                log(`Error taking screenshot: ${obj.error.message}`, 'error');
                                            } else {
                                                //log('Sucessfully took screenshot');
                                                
                                            }
                                        });
                                    }
                                    
                                    function runEPaperUpdates() {
                                    
                                        updateEPaperWithView("epaper_pool", "0000021B4F30XXXX", 296, 128);
                                        updateEPaperWithView("epaper_solar_verbrauch", "0000021EEB8DXXXX", 296, 128);
                                        updateEPaperWithView("epaper_solar", "0000021B7710XXXX", 296, 128);
                                    }
                                    
                                    runEPaperUpdates();
                                    
                                    schedule("*/1 * * * *", function () {
                                        runEPaperUpdates();
                                    });
                                    

                                    Im AP wählt man dann beim jeweiligen Tag die Funktion "Image URL" aus und nutzt als Adresse die des lokalen ioBrokers. Zum Beispiel http://iobroker.local:8082/0_userdata.0/epaper_solar.jpg

                                    Der Dateiname entspricht dem Namen der View.

                                    Als Interval kann man dann z. B. 3 (Minuten) angeben. Dies wäre auch das Minimum.

                                    Vielleicht bringt es ja etwas 😉

                                    und @Radi

                                    Wie habt Ihr das angestellt das die Daten unter

                                    /opt/iobroker/iobroker-data/files/0_userdata.0
                                    

                                    landen? Den Ordner gibt es bei mir gar nicht ...
                                    Einfach selbst angelegt? Das Skript speichert ja einfach ohne Pfad. Wenn ich das bei mir versuche meckert Puppeteer das ich versuche meine Daten im Module-Ordner zu speichern (also im Verzeichnis des Adapters)

                                    B Offline
                                    B Offline
                                    bimmi
                                    schrieb am zuletzt editiert von
                                    #289

                                    @bananajoe Ich hab mir apache installiert und lasse die Screenshots da in dem Ordner speichern

                                    Gruß Bimmi

                                    iobroker in einer Proxmox Umgebung auf einem ausrangierten DELL OptiPlex 3080 24GB i5 in der VM auf SSD. Nutze den slaeh zigbee Router mit Tür- und Temperatursensoren von Aqara, viele Tasmota Devices, Unifi AP, Sprinklecontrol, günstige E-INK Displays, Adguard und noch vieles mehr 😬

                                    BananaJoeB O 2 Antworten Letzte Antwort
                                    0
                                    • B bimmi

                                      @bananajoe Ich hab mir apache installiert und lasse die Screenshots da in dem Ordner speichern

                                      BananaJoeB Online
                                      BananaJoeB Online
                                      BananaJoe
                                      Most Active
                                      schrieb am zuletzt editiert von
                                      #290

                                      @bimmi so mache ich es ja auch 🙂

                                      ioBroker@Ubuntu 24.04 LTS (VMware) für: >260 Geräte, 5 Switche, 7 AP, 9 IP-Cam, 1 NAS 42TB, 1 ESXi 15TB, 4 Proxmox 1TB, 1 Hyper-V 44TB, 14 x Echo, 5x FireTV, 5 x Tablett/Handy VIS || >=157 Tasmota/Shelly || >=88 ZigBee || PV 8.1kW / Akku 14kWh || 2x USV 900/750W kaskadiert || Creality CR-10 SE 3D-Drucker

                                      1 Antwort Letzte Antwort
                                      0
                                      • F Offline
                                        F Offline
                                        Freak
                                        schrieb am zuletzt editiert von
                                        #291

                                        Hat noch jemand einen AP und Displays abzugeben?
                                        Im Tindie Shop ist leider alles ausverkauft und bei den Displays steht außerdem noch der Zusatz :"After this batch is sold out, I cannot get new ones"

                                        danke

                                        D 1 Antwort Letzte Antwort
                                        0
                                        • F Freak

                                          Hat noch jemand einen AP und Displays abzugeben?
                                          Im Tindie Shop ist leider alles ausverkauft und bei den Displays steht außerdem noch der Zusatz :"After this batch is sold out, I cannot get new ones"

                                          danke

                                          D Online
                                          D Online
                                          diwoma
                                          schrieb am zuletzt editiert von
                                          #292

                                          @freak
                                          Hi, ich probiere seit Freitag auf die Tindie Seite zu kommen und bekomme immer nur einen "Internal Server Error"

                                          -- diwoma

                                          ioBroker in LX-Container in Proxmox
                                          Zigbee-Coordinator: CC2652P2-TCP FW: 20230507

                                          1 Antwort Letzte Antwort
                                          0
                                          Antworten
                                          • In einem neuen Thema antworten
                                          Anmelden zum Antworten
                                          • Älteste zuerst
                                          • Neuste zuerst
                                          • Meiste Stimmen


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          746

                                          Online

                                          32.4k

                                          Benutzer

                                          81.4k

                                          Themen

                                          1.3m

                                          Beiträge
                                          Community
                                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                                          ioBroker Community 2014-2025
                                          logo
                                          • Anmelden

                                          • Du hast noch kein Konto? Registrieren

                                          • Anmelden oder registrieren, um zu suchen
                                          • Erster Beitrag
                                            Letzter Beitrag
                                          0
                                          • Aktuell
                                          • Tags
                                          • Ungelesen 0
                                          • Kategorien
                                          • Unreplied
                                          • Beliebt
                                          • GitHub
                                          • Docu
                                          • Hilfe