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.
    • B
      bimmi @Beowolf last edited by

      @Beowolf

      jap. auf den ersten 3 Seiten hier im Beitrag!

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

        @beowolf

        Ja, ich hatte auch gehofft, dass so ein kleiner Hype entsteht und hier nach und nach ein paar paktische Anleitungen mit Fotos kommen (wie bei den VIS Vorstellungen)
        Die Entwicklung schreitet doch rasant voran, was alles mit den Dingern möglich ist.
        Im Discord Channel sind die ganzen Cracks, aber leider verstehe ich nur Bahnhof (sind halt Technik Nerds 🙂 )
        Seite 1-3 ist nun auch schon 6 Monate alt. Klar kann man davon noch was "nehmen", aber ob das noch alles passt?
        Soft- bzw. Firmwaremässig ist das Ganze doch ein gewaltiges Stück weiter.
        Ich habe bisher das Wetter und den Google Kalender eingepflegt.
        Zu mehr fehlt mir das Wissen bzw. nen paar Showcases um sich da reinzuwurschteln.

        Für den Anfang kannste im Wiki gucken. Da sind ein paar Anleitungen .

        https://github.com/jjwbruijn/OpenEPaperLink/wiki

        BananaJoe 1 Reply Last reply Reply Quote 1
        • R
          Revobobo @Beowolf last edited by

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

          Gibt es eine kleine Anleitung wie man etwas aufs Display bekommt?

          Also Datenpunkte auswählen und aufs Display?

          Wenn du den Puppeteer Adapter istalliert kriegst, dieser funktioniert und auch deine Vorraussetzungen dafür passen (siehe weiter oben) - dann kannst du alles anzeigen lassen, was du in der VIS erstellst.

          Viele Grüße

          B 1 Reply Last reply Reply Quote 1
          • BananaJoe
            BananaJoe Most Active @haselchen last edited by BananaJoe

            @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:
            2024-01-16 23_01_45-Edit vis.png
            2024-01-16 23_05_43-vis.png
            Das Tag hängt über dem Briefkastenschlüssel. Und zeigt an ob Briefe oder Pakete oder beides in der Box liegen.
            Ist diese leer wird der Akkustand des Shelly-Buttons am Briefkastenschlüssel angezeigt mit dem ich die Meldung zurück setze.

            2024-01-16 23_06_45-Edit vis.png
            Die Anzeige die neben der Haustür hängt. So kann man bei Verlassen des Hauses sehen ob noch ein wichtiges Fenster offen ist:
            2024-01-16 23_09_12-vis.png

            Und eine Akku Anzeige für meine Solarbatterie:
            2024-01-16 23_10_19-vis.png

            Und ich hab noch ein Dutzend oder mehr hier liegen die noch auf Verteilung/Einsatz warten. Für die 1,54 Zoll habe ich noch keinen Einsatzzweck.
            Ich hatte recht schnell Verbindungsprobleme und mir erst einmal einen 2. AP besorgt. Jetzt ist das Haus gut abdeckt und ich könnte weiter machen (So viele Projekte, so wenig Zeit)

            haselchen 1 Reply Last reply Reply Quote 4
            • haselchen
              haselchen Most Active @BananaJoe last edited by

              @bananajoe

              Mega!! Genauso meinte ich das .
              Perfekt umgesetzt meinen Wunsch 🤗
              Wenn ich könnte , würde ich mehr Daumen hoch geben.
              Ich hoffe andere User präsentieren das ebenfalls so ausführlich wie Du.

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

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

                Puppeteer Adapter istalliert kriegst,

                Das habe ich versucht. Der bleibt auf rot, und es kommen leider Fehlermeldungen die mir nichts sagen.

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

                Puppeteer Adapter istalliert kriegst,

                Das habe ich versucht. Der bleibt auf rot, und es kommen leider Fehlermeldungen die mir nichts sagen.

                Wie hast du den Adapter ans laufen bekommen?

                O 1 Reply Last reply Reply Quote 0
                • O
                  oxident @Beowolf last edited by

                  @beowolf Hast iobroker wahrscheinlich auf einem Raspberry laufen, oder?

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

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

                    @beowolf Hast iobroker wahrscheinlich auf einem Raspberry laufen, oder?

                    Jepp

                    O 1 Reply Last reply Reply Quote 0
                    • O
                      oxident @Beowolf last edited by

                      @beowolf Dann ist etwas Handarbeit gefragt. Schau mal mein Issue (mit Workaround):

                      https://github.com/foxriver76/ioBroker.puppeteer/issues/13

                      kopierschnitte created this issue in foxriver76/ioBroker.puppeteer

                      closed Installation/Usage not possible on ARM64 platforms (RPi, etc.) #13

                      B 2 Replies Last reply Reply Quote 2
                      • B
                        Beowolf @oxident last edited by

                        @oxident
                        Kannst Du mir sagen wo die Datei liegt?

                        Change the adapter's main.js onReady() function to load the correct binary (chromium in my case):

                        O 1 Reply Last reply Reply Quote 0
                        • O
                          oxident @Beowolf last edited by

                          @beowolf In Deinem iob-Verzeichnis unter node_modules/iobroker.puppeteer müsstest Du sie finden.

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

                            Danke. Jetzt bleibt der Adapter grün. 👍

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

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

                              Das Skript holt alle Kalender ab, die ihr bei Google gespeichert habt.
                              Allerdings zeigt er nur Termine an, die am nächsten Tag sind.

                              Edit: im Skript einfach 2 mal die 1 auf eine beliebige Zahl ändern, dann werden mehr Tage angezeigt.

                              Ich habe mal eine "10" eingetragen. Es werden aber die Termine nicht abgeholt.

                              Wenn ich den Link direkt in meinem Browser eingebe werden alle Termine angezeigt.

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

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

                                  @beowolf

                                  Welche Firmware Version?
                                  Mit der 2.05 geht das noch so wie von mir beschrieben.

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

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

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

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

                                          kopierschnitte created this issue in foxriver76/ioBroker.puppeteer

                                          closed Installation/Usage not possible on ARM64 platforms (RPi, etc.) #13

                                          B E Webranger 4 Replies Last reply Reply Quote 4
                                          • B
                                            Beowolf @BananaJoe last edited by 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?

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

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            868
                                            Online

                                            31.7k
                                            Users

                                            79.8k
                                            Topics

                                            1.3m
                                            Posts

                                            43
                                            993
                                            255577
                                            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