E-INK Display OpenEPaperLink - Displayanzeige mit Batterie

Beowolf

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

Schau dir die Seite im Webbrowser an

Du meinst die VIS erzeugte Web-Seite, richtig?

Also das z.B.:

http://192.168.49.38:8082/vis/index.html?E-Paper-Allgemein#EmsPegel

Dort gibt es nur eine Zeile in der überhaupt etwas mit #w000 steht

data-vis-prev='<div id="prev_tplSTab" style=" position: relative; text-align: initial;padding: 4px "><div class="vis-widget_prev ui-selectee" style="top: 76px; left: 23px; width: 138px; height: 121px; position: absolute;" > <div class="vis-widget-prev-body"> <span style="width:100%;height:100%" class="ui-slider-tabs"> <!-- Unordered list representing the tabs --> <div class="ui-slider-tabs-list-wrapper"><div class="ui-slider-tabs-list-container" style="margin: 0px 35px;"><ul class="ui-slider-tabs-list" style="margin-left: 0px; width: 166px;"> <li class="selected" style="height: 32px;"><a href="#w00016_st1" style="height: 32px;">Tab</a></li><li style="height: 32px;"><a href="#w00016_st2" style="height: 32px;">Tab</a></li><li style="height: 32px;"><a href="#w00016_st3" style="height: 32px;">Tab</a></li></ul><a href="#" class="ui-slider-left-arrow edge" style="width: 35px; height: 32px;"><div></div></a><a href="#" class="ui-slider-right-arrow" style="width: 35px; height: 32px;"><div></div></a></div></div><div class="ui-slider-tabs-content-container" style="height: 86px;"><div style="padding-left: 0px; height: 100%; display: block; left: 0px; width: 126px;" class="ui-slider-tab-content selected"> <div class="editmode-helper"></div> <div data-vis-contains="hallo" class="vis-widget-body vis-view-container"></div> </div><div style="padding-left: 0px; height: 100%; left: 138px; width: 126px;" class="ui-slider-tab-content"> <div class="editmode-helper"></div> <div data-vis-contains="" class="vis-widget-body vis-view-container"></div> </div><div style="padding-left: 0px; height: 100%; left: 138px; width: 126px;" class="ui-slider-tab-content"> <div class="editmode-helper"></div> <div data-vis-contains="" class="vis-widget-body vis-view-container"></div> </div></div></span> </div> </div>'
        data-vis-set="tabs"

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?

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

BananaJoe

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

Webranger

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

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?

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.

Beowolf

@holgerwolf

Hast du da mal ein Beispiel?

Mit den String Funktionen kenne ich mich nicht so gut.

holgerwolf

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

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

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();
    }
});

Beowolf

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?

Beowolf

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

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

Beowolf

@haselchen
Die Anleitung kenne ich.

Bei den grossen Displays sieht dann die Terminansicht so aus.

Das hilft mir leider nicht weiter.

Auf den kleinen sieht der selbe Link so aus.

haselchen

@beowolf

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

Eisbaeeer

@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();
    }
});

Beowolf

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

Beowolf

War ein Fehler.

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)

Beowolf

@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

NEWS

E-INK Display OpenEPaperLink - Displayanzeige mit Batterie

Support us

814
Online

31.0k
Users

77.9k
Topics

1.2m
Posts

NEWS

E-INK Display OpenEPaperLink - Displayanzeige mit Batterie

Support us

814Online

31.0kUsers

77.9kTopics

1.2mPosts

814
Online

31.0k
Users

77.9k
Topics

1.2m
Posts