NB This is another 'works for my own use, might help someone else' type projects. It is NOT intended for use in a show-critical environment and hasn't been extensively tested.

I voluntarily help manage a small theatre which often uses projected backdrops. We don't have the budget for a proper media server like a hippo, but also don't need any of the functionality of it. All that is required is the ability to change static slides but, ideally, in sync with lighting changes (so that the stage doesn't go dark before the projection or vice versa)

This is a very simple NodeJS script that listens for Art-Net data and uses it to control an (equally simple) web page which we display full screen on a kiosk-mode web browser (we use a Raspberry Pi for this, but anything with an HDMI output will do!), the images displayed and the intensity can then be controlled over Art-Net just like any lighting fixture.

Place the slide images you want to use in the images/ directory, named image_XX.png where XX is from 00-25. I recommend you keep image_00.png as a plain black PNG image.

Start from source with node media_server.js, by default it will listen on Art-Net Universe 0 on port 6454 and start a web server on http://localhost:7600 (changing these is self-explanatory in the code)

Access the http://localhost:7600 service from any web browser (ideally a full-screen kiosk browser)

There are two versions in this repository, media_server.js is a simple three channel version that uses simple HTML/CSS, media_server_extended.js is a new (early alpha) version that uses 20 channels and provides keystoning and some image manipulation using the excellent glfx.js [https://github.com/evanw/glfx.js/] by @evanw

At present this simple version uses three channels as follows;

The extended version uses the following channels;