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

  • 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
    #268

    Danke. Jetzt bleibt der Adapter grün. 👍

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

    1 Antwort Letzte Antwort
    1
    • haselchenH haselchen

      @oxident

      Puppeteer konnte ich gestern auch nicht installieren. Gab schon bei der Installation einen Hinweis und danach lauter rote Meldungen im Log.
      Hab ich erstmal verschoben.
      Den OpenEPaper Adapter hab ich gar nicht finden können. Taucht in keiner Liste auf.
      Eine manuelle Installation endete mit Code 25.
      Also hab ich mich versucht da ein wenig reinzufuchsen.
      Ganz cool ist die/ jsontemplate-demo.html
      Da kann man ein wenig üben.
      War für den Anfang nicht schlecht.

      Dann wolte ich wenigstens mal was Produktives 🙂

      Also hab ich mich an den Google Kalender gemacht. Und was soll ich sagen, ein sehr geiles Projekt.
      Erklärung hier: https://github.com/jjwbruijn/OpenEPaperLink/wiki/Google-Apps-Scripts

      Und dann den Link aus der Google Script Anleitung in den Tag kopieren:

      50557b3b-5276-4dc1-9e27-42e153f2eae8-grafik.png

      IMG_2147.jpeg

      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.

        var start = new Date();
        start.setHours(0, 0, 0, 0);
        var end = new Date();
        if (days == undefined) days = 1;                     <------   HIER
        end.setDate(end.getDate() + parseInt(days, 10));
        var calendars = CalendarApp.getAllCalendars();
        var events = [];
        for (var i = 0; i < calendars.length; i++) {
          var calendar = calendars[i];
          var eventsInCalendar = calendar.getEvents(start, end);
          for (var j = 0; j < eventsInCalendar.length; j++) {
            var event = eventsInCalendar[j];
            events.push({
              calendar: i,
              title: event.getTitle(),
              start: Math.floor(event.getStartTime().getTime() / 1000),
              end: Math.floor(event.getEndTime().getTime() / 1000),
              isallday: event.isAllDayEvent()
            });
          }
        }
        events.sort(function(a, b) {
          return a.start - b.start;
        });
        return JSON.stringify(events);
      }
      
      function doGet(e) {
        if(!e) { 
          e = {parameter: {days: 1}};              <----------------    HIER
        }
        const params = e.parameter;
        var content = getEventsForNextDay(params.days);
        var output = ContentService.createTextOutput(content);
        output.setMimeType(ContentService.MimeType.JSON);
        return output;
      }
      
      
      B Offline
      B Offline
      Beowolf
      schrieb am zuletzt editiert von Beowolf
      #269

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

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

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


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          720

                                          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