Add a page to the site on the ESPixelStick.

[fedekrum]

Hi @MartinMueller2003 .

I am working on an idea to program theatre scenes of a play directly on the ESPixelStick.
All will be done for DMX light for now.
For this, I will add HTML, CSS and JS files to the web server and learn how to send an array of 512 values( or the qty of channels selected on the configuration) to the ESPixelStick.
All data will be stored on cookies, so no need to use the storage on the board.

So I have a few questions and I will appreciate a lot your answers.

1. How do I add an HTML page and a .css / .js file to the webserver?
2. How can I send an array of 512 values (channels) to the ESPixelStick?

For now, that is all.
How can I contact you privately via email or chat to share links about my work?
Thanks in advance

[MartinMueller2003]

You can add html pages to the data directory. Please make sure they are minified and gzipped. There is not a lot of spare space. You will have to modify the index.html file to include your files at load time.

I would not use http(s) to send the data. You will see a per packet variation between 5ms and 750ms, making this a non real time interface. Configure the ESP to accept DDP and then have your browser generate DDP messages and send them to the ESP. DDP messages are super simple so they are easy to create on a browser.

[ileider]

Hi @MartinMueller2003 this is great! very similar to my use case.
Wondering if this is feasible though: from what I understand it's not possible to send DDP packets directly from the browser because it's UDP. I believe this should be wrapped on a WebSocket somehow (perhaps using another protocol?)

[MartinMueller2003]

What I am saying is that you do not use an http browser at all. Write an application that runs on your console and sends DDP data to the ESP. You don't need to use the HTTP interface at all.

[fedekrum]

Hi @MartinMueller2003
I understand what you suggest, but I imagine that @ileider, like me, needs a way to talk from a browser to the ESPixelStick and send signals to DMX lights (or similar). Am I right @ileider ?
I was not able to achieve that as there are few ways to interact with client-server connections from the browser because of security issues. One is WebSockets, but as I understand the ESPixelStick does not listen on any WebSocket and the other protocols (artnet, DDP, SACN) are UDP or TCP.

[MartinMueller2003]

FYI: Websocket was removed from the Pixel Stick because it was causing reliability issues and had significant buffering issues. It is also NOT a good real time interface. My problem is understanding what you think you get from using a browser to generate lighting data vs using a native application to generate the lighting data.