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.1k

E-INK Display OpenEPaperLink - Displayanzeige mit Batterie

Geplant Angeheftet Gesperrt Verschoben Praktische Anwendungen (Showcase)
1.0k Beiträge 48 Kommentatoren 343.5k 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 Offline
    B Offline
    Beowolf
    schrieb am zuletzt editiert von Beowolf
    #270

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

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

    BananaJoeB 1 Antwort Letzte Antwort
    0
    • haselchenH Offline
      haselchenH Offline
      haselchen
      Most Active
      schrieb am zuletzt editiert von
      #271

      @beowolf

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

      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
      1
      • haselchenH haselchen

        @beowolf

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

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

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

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

        haselchenH 1 Antwort Letzte Antwort
        0
        • 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
                                          Antworten
                                          • In einem neuen Thema antworten
                                          Anmelden zum Antworten
                                          • Älteste zuerst
                                          • Neuste zuerst
                                          • Meiste Stimmen


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          752

                                          Online

                                          32.4k

                                          Benutzer

                                          81.4k

                                          Themen

                                          1.3m

                                          Beiträge
                                          Community
                                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                                          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