Skip to content
  • Home
  • Recent
  • Tags
  • 0 Unread 0
  • Categories
  • Unreplied
  • Popular
  • 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

  • Default (No Skin)
  • No Skin
Collapse
ioBroker Logo

Community Forum

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. Praktische Anwendungen (Showcase)
  4. E-INK Display OpenEPaperLink - Displayanzeige mit Batterie

NEWS

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    21
    1
    909

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

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

E-INK Display OpenEPaperLink - Displayanzeige mit Batterie

Scheduled Pinned Locked Moved Praktische Anwendungen (Showcase)
1.0k Posts 49 Posters 351.3k Views 52 Watching
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • BananaJoeB BananaJoe

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

    #w00016

    finde ich da - welchen hast du genommen und wie klappt es wenn du #w00016 nimmst?

    B Offline
    B Offline
    Beowolf
    wrote on last edited by Beowolf
    #862

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

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

    #w00016

    finde ich da - welchen hast du genommen und wie klappt es wenn du #w00016 nimmst?

    Einen #w00016 gibt es dort nicht.

    Das komische ist, egal welchen "VIS-TAG Bild" ich in einem Browserfenster aufrufe, es steht immer der #w00016 drin.

    Trage ist die #w00016 ein kommt die Fehlermeldung auch.

    Ich habe das jetzt mal mit einem neuen VIS-View gemacht. Hat nichts mit den TAGs zu tun. Einfach ein paar Widgets eingefügt. Der Seitenqelltext ist auch dort identisch mit den VIEWs der TAGs.

    vis.txt

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

    BananaJoeB 1 Reply Last reply
    0
    • B Beowolf

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

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

      #w00016

      finde ich da - welchen hast du genommen und wie klappt es wenn du #w00016 nimmst?

      Einen #w00016 gibt es dort nicht.

      Das komische ist, egal welchen "VIS-TAG Bild" ich in einem Browserfenster aufrufe, es steht immer der #w00016 drin.

      Trage ist die #w00016 ein kommt die Fehlermeldung auch.

      Ich habe das jetzt mal mit einem neuen VIS-View gemacht. Hat nichts mit den TAGs zu tun. Einfach ein paar Widgets eingefügt. Der Seitenqelltext ist auch dort identisch mit den VIEWs der TAGs.

      vis.txt

      BananaJoeB Online
      BananaJoeB Online
      BananaJoe
      Most Active
      wrote on last edited by
      #863

      @beowolf naja, wird ja auch per JavaScript nachgeladen. Ich lag wohl falsch

      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 48TB, 14 x Echo, 5x FireTV, 5 x Tablett/Handy VIS || >=160 Tasmota/Shelly || >=95 ZigBee || PV 8.1kW / Akku 14kWh || 2x USV 750W kaskadiert || Creality CR-10 SE 3D-Drucker

      1 Reply Last reply
      0
      • WebrangerW Offline
        WebrangerW Offline
        Webranger
        wrote on last edited by
        #864

        Gibt es irgendwo eine Quelle wo man die displays kaufen kann?

        Habe hier schon eins liegen von hanshow aber das ist irgendwie nicht die richtige Version bzw sieht die Platine nicht so aus wie in den Anleitungen die ich bisher gefunden habe

        Intel NUC Celeron, Xiaomi Gateway, Fritzbox 7590, XS1

        1 Reply Last reply
        0
        • B Offline
          B Offline
          Beowolf
          wrote on last edited by
          #865

          Da der ganze VIS Kram mit Puppeteer anscheinend nicht mehr so richtig funktioniert, gibt es eine andere schöne Möglichkeit wie man Kalenderdaten usw. auf größeren Displays darstellen kann?

          ical usw. gibt die Daten ja als html oder json raus.

          Nur wie bekomme ich das an die Displays gesendet?

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

          H 1 Reply Last reply
          0
          • B Beowolf

            Da der ganze VIS Kram mit Puppeteer anscheinend nicht mehr so richtig funktioniert, gibt es eine andere schöne Möglichkeit wie man Kalenderdaten usw. auf größeren Displays darstellen kann?

            ical usw. gibt die Daten ja als html oder json raus.

            Nur wie bekomme ich das an die Displays gesendet?

            H Online
            H Online
            holgerwolf
            wrote on last edited by
            #866

            @beowolf Ich nehme das Script von weiter oben und sende die Texte als json an Displays.
            Den ical Text muss man halt nach Bedarf mit den String Funktionen bearbeiten.

            B 1 Reply Last reply
            0
            • H holgerwolf

              @beowolf Ich nehme das Script von weiter oben und sende die Texte als json an Displays.
              Den ical Text muss man halt nach Bedarf mit den String Funktionen bearbeiten.

              B Offline
              B Offline
              Beowolf
              wrote on last edited by
              #867

              @holgerwolf

              Hast du da mal ein Beispiel?

              Mit den String Funktionen kenne ich mich nicht so gut.

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

              H 1 Reply Last reply
              0
              • B Beowolf

                @holgerwolf

                Hast du da mal ein Beispiel?

                Mit den String Funktionen kenne ich mich nicht so gut.

                H Online
                H Online
                holgerwolf
                wrote on last edited by
                #868

                @beowolf Kommt halt auf den Inhalt der Tabelle drauf an und was man braucht:

                47129518-a8b8-4a76-a3bf-a49445ee3ced-grafik.png

                Ich lösche hiermit einfach die überflüssigen Inhalte aus einem Müllkalender und zeige den Rest dann auf einem Display an:

                2e62d19d-d010-47d4-966d-ca75d00f5f41-grafik.png

                EisbaeeerE 1 Reply Last reply
                0
                • H holgerwolf

                  @beowolf Kommt halt auf den Inhalt der Tabelle drauf an und was man braucht:

                  47129518-a8b8-4a76-a3bf-a49445ee3ced-grafik.png

                  Ich lösche hiermit einfach die überflüssigen Inhalte aus einem Müllkalender und zeige den Rest dann auf einem Display an:

                  2e62d19d-d010-47d4-966d-ca75d00f5f41-grafik.png

                  EisbaeeerE Offline
                  EisbaeeerE Offline
                  Eisbaeeer
                  Developer
                  wrote on last edited by
                  #869

                  Geht es anderen auch so, dass nach Update von Pupeteer das Blockly nicht mehr funktioniert?
                  Hatte jetzt nicht weiter verfolgt, ob das Problem schon behoben ist.
                  Meldung:

                  javascript.0	11:18:11.773	error	at Object.<anonymous> (script.js.common.EPaper.Tag1:42:24)
                  
                  sendTo('puppeteer.0', 'screenshot', { 
                      url: urlOfVISView,                     
                      path: imageSaveToFilenameWithPath,     
                      width: viewWidth,                      
                      height: viewHeight,                    
                      quality: jpgQuality,                   
                   
                      waitOption: {
                          waitForSelector: waitForSelector,  
                          waitForTimeout: 20000              
                      },
                   
                      fullPage: false,                       
                   
                      clip: {         
                          x: cutoutX,                        
                          y: cutoutY,                        
                          width: cutoutWidth,                
                          height: cutoutHeight               
                      }
                  }, obj => {
                      if (obj.error) {
                          console.warn("Fehler beim Aufruf der View: " + urlOfVISView + " => " + obj.error.message);
                      } else {
                          const http = require('http'); 
                          const https = require('https');
                          const { URL } = require('url');
                   
                          const boundary = '--------------------------' + Date.now().toString(16);
                          const CRLF = '\r\n';
                   
                          // Payload-Erstellung
                          const payload = Buffer.concat([
                              Buffer.from(`--${boundary}${CRLF}Content-Disposition: form-data; name="dither"${CRLF}${CRLF}0${CRLF}`),
                              Buffer.from(`--${boundary}${CRLF}Content-Disposition: form-data; name="mac"${CRLF}${CRLF}${ePaperMAC}${CRLF}`),
                              Buffer.from(`--${boundary}${CRLF}Content-Disposition: form-data; name="image"; filename="screenshot.jpg"${CRLF}Content-Type: image/jpeg${CRLF}${CRLF}`),
                              Buffer.from(obj.result, 'binary'),
                              Buffer.from(`${CRLF}--${boundary}--${CRLF}`)
                          ]);
                   
                          // URL Parsing
                          const url = new URL(imageUploadURL);
                          const options = {
                              hostname: url.hostname,
                              port: url.port || (url.protocol === 'https:' ? 443 : 80),
                              path: url.pathname + (url.search || ''),
                              method: 'POST',
                              headers: {
                                  'Content-Type': 'multipart/form-data; boundary=' + boundary,
                                  'Content-Length': payload.length
                              }
                          };
                   
                          // Protokollwahl
                          const protocol = url.protocol === 'https:' ? https : http;
                   
                          // HTTP Request
                          const req = protocol.request(options, function(res) {
                              console.log('ImageUploadStatusCode:', res.statusCode);
                              res.on('data', function(chunk) {
                                  console.log('Response:', chunk.toString());
                              });
                          });
                   
                          req.on('error', function(e) {
                              console.error('Fehler beim Hochladen:', e.message);
                          });
                   
                          req.write(payload);
                          req.end();
                      }
                  });
                  

                  Kein support per PM. Bitte im Forum Fragen stellen!

                  B 1 Reply Last reply
                  0
                  • B Offline
                    B Offline
                    Beowolf
                    wrote on last edited by Beowolf
                    #870

                    Hab´ da noch mal eine Frage.

                    Der ical-Adapter gibt mir das im Datenpunkt "Text" zurück. Ist ja schon so formatiert.

                    Übermorgen 10:00-11:00 Termin vereinbaren 
                    Übermorgen 11:30-12:30 Partale
                    In 6 Tagen  Papiertonne Fa. Ahlert Königstraße, Greven
                    27.01.2025  Gelber Sack/Gelbe Tonne Königstraße, Greven
                    28.01.2025  Restmüll Königstraße, Greven
                    10.02.2025  Gelber Sack/Gelbe Tonne Königstraße, Greven
                    11.02.2025  Restmüll Königstraße, Greven
                    18.02.2025 08:15-09:15 Tante
                    24.02.2025  Gelber Sack/Gelbe Tonne Königstraße, Greven
                    25.02.2025  Restmüll Königstraße, Greven
                    28.02.2025  Papiertonne Fa. Ahlert Königstraße, Greven
                    10.03.2025  Gelber Sack/Gelbe Tonne Königstraße, Greven
                    11.03.2025  Restmüll Königstraße, Greven
                    18.03.2025 12:00-13:00 Abholung 
                    

                    Wie bekomme ich das so schön auf ein grosses Display?

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

                    1 Reply Last reply
                    0
                    • EisbaeeerE Eisbaeeer

                      Geht es anderen auch so, dass nach Update von Pupeteer das Blockly nicht mehr funktioniert?
                      Hatte jetzt nicht weiter verfolgt, ob das Problem schon behoben ist.
                      Meldung:

                      javascript.0	11:18:11.773	error	at Object.<anonymous> (script.js.common.EPaper.Tag1:42:24)
                      
                      sendTo('puppeteer.0', 'screenshot', { 
                          url: urlOfVISView,                     
                          path: imageSaveToFilenameWithPath,     
                          width: viewWidth,                      
                          height: viewHeight,                    
                          quality: jpgQuality,                   
                       
                          waitOption: {
                              waitForSelector: waitForSelector,  
                              waitForTimeout: 20000              
                          },
                       
                          fullPage: false,                       
                       
                          clip: {         
                              x: cutoutX,                        
                              y: cutoutY,                        
                              width: cutoutWidth,                
                              height: cutoutHeight               
                          }
                      }, obj => {
                          if (obj.error) {
                              console.warn("Fehler beim Aufruf der View: " + urlOfVISView + " => " + obj.error.message);
                          } else {
                              const http = require('http'); 
                              const https = require('https');
                              const { URL } = require('url');
                       
                              const boundary = '--------------------------' + Date.now().toString(16);
                              const CRLF = '\r\n';
                       
                              // Payload-Erstellung
                              const payload = Buffer.concat([
                                  Buffer.from(`--${boundary}${CRLF}Content-Disposition: form-data; name="dither"${CRLF}${CRLF}0${CRLF}`),
                                  Buffer.from(`--${boundary}${CRLF}Content-Disposition: form-data; name="mac"${CRLF}${CRLF}${ePaperMAC}${CRLF}`),
                                  Buffer.from(`--${boundary}${CRLF}Content-Disposition: form-data; name="image"; filename="screenshot.jpg"${CRLF}Content-Type: image/jpeg${CRLF}${CRLF}`),
                                  Buffer.from(obj.result, 'binary'),
                                  Buffer.from(`${CRLF}--${boundary}--${CRLF}`)
                              ]);
                       
                              // URL Parsing
                              const url = new URL(imageUploadURL);
                              const options = {
                                  hostname: url.hostname,
                                  port: url.port || (url.protocol === 'https:' ? 443 : 80),
                                  path: url.pathname + (url.search || ''),
                                  method: 'POST',
                                  headers: {
                                      'Content-Type': 'multipart/form-data; boundary=' + boundary,
                                      'Content-Length': payload.length
                                  }
                              };
                       
                              // Protokollwahl
                              const protocol = url.protocol === 'https:' ? https : http;
                       
                              // HTTP Request
                              const req = protocol.request(options, function(res) {
                                  console.log('ImageUploadStatusCode:', res.statusCode);
                                  res.on('data', function(chunk) {
                                      console.log('Response:', chunk.toString());
                                  });
                              });
                       
                              req.on('error', function(e) {
                                  console.error('Fehler beim Hochladen:', e.message);
                              });
                       
                              req.write(payload);
                              req.end();
                          }
                      });
                      
                      B Offline
                      B Offline
                      Beowolf
                      wrote on last edited by
                      #871

                      @eisbaeeer
                      Hatte ich doch auch geschrieben. Ich habe seit einem "komplett" Update auch nur noch Probleme mit Puppeteer und dem Skript..

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

                      haselchenH EisbaeeerE 2 Replies Last reply
                      1
                      • B Beowolf

                        @eisbaeeer
                        Hatte ich doch auch geschrieben. Ich habe seit einem "komplett" Update auch nur noch Probleme mit Puppeteer und dem Skript..

                        haselchenH Offline
                        haselchenH Offline
                        haselchen
                        Most Active
                        wrote on last edited by haselchen
                        #872

                        @beowolf

                        Puh, da gibt es auf Github glaube ich ne Anleitung wie man das über den Google Kalender realisiert.
                        Ich habs 1 mal gemacht und seitdem läuft es.
                        Mehr als zufriedenstellend.

                        Ich versuche mal die Anleitung zu finden....

                        Edit:
                        https://github.com/OpenEPaperLink/OpenEPaperLink/wiki/Google-Apps-Scripts
                        https://github.com/OpenEPaperLink/OpenEPaperLink/wiki/ICS-calendar

                        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 Reply Last reply
                        0
                        • haselchenH haselchen

                          @beowolf

                          Puh, da gibt es auf Github glaube ich ne Anleitung wie man das über den Google Kalender realisiert.
                          Ich habs 1 mal gemacht und seitdem läuft es.
                          Mehr als zufriedenstellend.

                          Ich versuche mal die Anleitung zu finden....

                          Edit:
                          https://github.com/OpenEPaperLink/OpenEPaperLink/wiki/Google-Apps-Scripts
                          https://github.com/OpenEPaperLink/OpenEPaperLink/wiki/ICS-calendar

                          B Offline
                          B Offline
                          Beowolf
                          wrote on last edited by Beowolf
                          #873

                          @haselchen
                          Die Anleitung kenne ich.

                          Bei den grossen Displays sieht dann die Terminansicht so aus.

                          Unbenannt.png

                          Das hilft mir leider nicht weiter.

                          Auf den kleinen sieht der selbe Link so aus.

                          Unbenannt1.png

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

                          haselchenH 1 Reply Last reply
                          0
                          • B Beowolf

                            @haselchen
                            Die Anleitung kenne ich.

                            Bei den grossen Displays sieht dann die Terminansicht so aus.

                            Unbenannt.png

                            Das hilft mir leider nicht weiter.

                            Auf den kleinen sieht der selbe Link so aus.

                            Unbenannt1.png

                            haselchenH Offline
                            haselchenH Offline
                            haselchen
                            Most Active
                            wrote on last edited by
                            #874

                            @beowolf

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

                            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 Reply Last reply
                            0
                            • B Beowolf

                              @eisbaeeer
                              Hatte ich doch auch geschrieben. Ich habe seit einem "komplett" Update auch nur noch Probleme mit Puppeteer und dem Skript..

                              EisbaeeerE Offline
                              EisbaeeerE Offline
                              Eisbaeeer
                              Developer
                              wrote on last edited by
                              #875

                              @beowolf

                              Ich versuche gerade das Java-Script zu fixen. Es liegt nicht an Puppeteer, das Bild wird erstellt. Beim Javascript hat sich bei Update was geändert. Der erste Fehler ist mal weg. Ich weiß nur noch nicht, ob das so passt. Jetzt läuft das Script aber in ein Timeout beim hochladen. Da stimmt also noch etwas nicht.

                              sendTo('puppeteer.0', 'screenshot', { 
                                  url: urlOfVISView,                     
                                  path: imageSaveToFilenameWithPath,     
                                  width: viewWidth,                      
                                  height: viewHeight,                    
                                  quality: jpgQuality,                   
                               
                                  waitOption: {
                                      waitForSelector: waitForSelector,  
                                      waitForTimeout: 20000              
                                  },
                               
                                  fullPage: false,                       
                               
                                  clip: {         
                                      x: cutoutX,                        
                                      y: cutoutY,                        
                                      width: cutoutWidth,                
                                      height: cutoutHeight               
                                  }
                              }, obj => {
                                  if (obj.error) {
                                      console.warn("Fehler beim Aufruf der View: " + urlOfVISView + " => " + obj.error.message);
                                  } else {
                                      const http = require('http'); 
                                      const https = require('https');
                                      const { URL } = require('url');
                               
                                      const boundary = '--------------------------' + Date.now().toString(16);
                                      const CRLF = '\r\n';
                               
                                      // Payload-Erstellung
                                      const payload = Buffer.concat([
                                          Buffer.from(Object.values(`--${boundary}${CRLF}Content-Disposition: form-data; name="dither"${CRLF}${CRLF}0${CRLF}`)),
                                          Buffer.from(Object.values(`--${boundary}${CRLF}Content-Disposition: form-data; name="mac"${CRLF}${CRLF}${ePaperMAC}${CRLF}`)),
                                          Buffer.from(Object.values(`--${boundary}${CRLF}Content-Disposition: form-data; name="image"; filename="screenshot.jpg"${CRLF}Content-Type: image/jpeg${CRLF}${CRLF}`)),
                                          Buffer.from(Object.values(obj.result, 'binary')),
                                          Buffer.from(Object.values(`${CRLF}--${boundary}--${CRLF}`))
                                      ],);
                              
                                      console.log(payload);
                               
                                      // URL Parsing
                                      const url = new URL(imageUploadURL);
                                      const options = {
                                          hostname: url.hostname,
                                          port: url.port || (url.protocol === 'https:' ? 443 : 80),
                                          path: url.pathname + (url.search || ''),
                                          method: 'POST',
                                          headers: {
                                              'Content-Type': 'multipart/form-data; boundary=' + boundary,
                                              'Content-Length': payload.length
                                          }
                                      };
                               
                                      // Protokollwahl
                                      const protocol = url.protocol === 'https:' ? https : http;
                               
                                      // HTTP Request
                                      const req = protocol.request(options, function(res) {
                                          console.log('ImageUploadStatusCode:', res.statusCode);
                                          res.on('data', function(chunk) {
                                              console.log('Response:', chunk.toString());
                                          });
                                      });
                               
                                      req.on('error', function(e) {
                                          console.error('Fehler beim Hochladen:', e.message);
                                      });
                               
                                      req.write(payload);
                                      req.end();
                                  }
                              });
                              

                              Kein support per PM. Bitte im Forum Fragen stellen!

                              1 Reply Last reply
                              1
                              • B Offline
                                B Offline
                                Beowolf
                                wrote on last edited by
                                #876

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

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

                                1 Reply Last reply
                                0
                                • B Offline
                                  B Offline
                                  Beowolf
                                  wrote on last edited by Beowolf
                                  #877

                                  War ein Fehler.

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

                                  1 Reply Last reply
                                  0
                                  • 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

                                    WebrangerW Offline
                                    WebrangerW Offline
                                    Webranger
                                    wrote on last edited by
                                    #878

                                    @bananajoe

                                    Läuft das Puppeteer script eigentlich noch?

                                    Bei mir kommt folgender fehler:

                                    javascript.0	21:47:14.718	warn	script.js.common.TestScripte.epaperTEST_1: request package is deprecated - please use httpGet (or a stable lib like axios) instead!
                                    javascript.0	21:47:14.721	error	at Object.<anonymous> (script.js.common.TestScripte.epaperTEST_1:42:13)
                                    

                                    Intel NUC Celeron, Xiaomi Gateway, Fritzbox 7590, XS1

                                    B 1 Reply Last reply
                                    0
                                    • WebrangerW Webranger

                                      @bananajoe

                                      Läuft das Puppeteer script eigentlich noch?

                                      Bei mir kommt folgender fehler:

                                      javascript.0	21:47:14.718	warn	script.js.common.TestScripte.epaperTEST_1: request package is deprecated - please use httpGet (or a stable lib like axios) instead!
                                      javascript.0	21:47:14.721	error	at Object.<anonymous> (script.js.common.TestScripte.epaperTEST_1:42:13)
                                      
                                      B Offline
                                      B Offline
                                      Beowolf
                                      wrote on last edited by
                                      #879

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

                                      @bananajoe

                                      Läuft das Puppeteer script eigentlich noch?

                                      Bei mir kommt folgender fehler:

                                      javascript.0	21:47:14.718	warn	script.js.common.TestScripte.epaperTEST_1: request package is deprecated - please use httpGet (or a stable lib like axios) instead!
                                      javascript.0	21:47:14.721	error	at Object.<anonymous> (script.js.common.TestScripte.epaperTEST_1:42:13)
                                      

                                      Na ja, das mit dem httpGet ist aber schon etwas älter.

                                      Nimm dieses hier.

                                      https://forum.iobroker.net/topic/66380/e-ink-display-openepaperlink-displayanzeige-mit-batterie/753?_=1737702534630

                                      Das funktioniert. Es gibt aber im Moment wohl kleine Probleme mit Javascript.

                                      Siehe

                                      https://forum.iobroker.net/topic/66380/e-ink-display-openepaperlink-displayanzeige-mit-batterie/875?_=1737702534633

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

                                      1 Reply Last reply
                                      0
                                      • H Online
                                        H Online
                                        holgerwolf
                                        wrote on last edited by
                                        #880

                                        Mal was ganz anderes. Ich habe hier ein ST-GR 29000 Display was sich alle paar Stunden (1 mal in 24 Stunden, unregelmäßige Zeit) verabschiedet.
                                        Standort kann es nicht sein. Nimm ich kurz die Batterien raus läuft es auch wieder.
                                        Der Inhalt wird mit einem JSON beschickt.
                                        Ist das einfach kaputt oder noch ne andere Idee?

                                        H 1 Reply Last reply
                                        0
                                        • E eMd

                                          Ich bedanke mich bei euch allen und vorallem bei @BananaJoe !

                                          Ich weiß nicht warum, aber es geht nun, habe in der zwischenzeit gefühlt 1000 Sachen geändert und mit einmal geht es.
                                          Keine Ahnung wo da der Fehler lag...

                                          MfG
                                          eMd

                                          WebrangerW Offline
                                          WebrangerW Offline
                                          Webranger
                                          wrote on last edited by
                                          #881

                                          @emd said in E-INK Display OpenEPaperLink - Displayanzeige mit Batterie:

                                          Ich bedanke mich bei euch allen und vorallem bei @BananaJoe !

                                          Ich weiß nicht warum, aber es geht nun, habe in der zwischenzeit gefühlt 1000 Sachen geändert und mit einmal geht es.
                                          Keine Ahnung wo da der Fehler lag...

                                          MfG
                                          eMd

                                          Läuft dein script noch? Ich habe auch das Bild im /tmp/ Ordner vom iobroker und einen Code 200 aber irgendwie zeigt er mir im AP Temp nichts an.
                                          Log vom AP bleibt leider leer

                                          @all Kann ich das Bild nicht auch irgendwo speichern wo sich der Tag das abholen kann?

                                          Intel NUC Celeron, Xiaomi Gateway, Fritzbox 7590, XS1

                                          1 Reply Last reply
                                          0
                                          Reply
                                          • Reply as topic
                                          Log in to reply
                                          • Oldest to Newest
                                          • Newest to Oldest
                                          • Most Votes


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          811

                                          Online

                                          32.5k

                                          Users

                                          81.6k

                                          Topics

                                          1.3m

                                          Posts
                                          Community
                                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                                          ioBroker Community 2014-2025
                                          logo
                                          • Login

                                          • Don't have an account? Register

                                          • Login or register to search.
                                          • First post
                                            Last post
                                          0
                                          • Home
                                          • Recent
                                          • Tags
                                          • Unread 0
                                          • Categories
                                          • Unreplied
                                          • Popular
                                          • GitHub
                                          • Docu
                                          • Hilfe