luzadev/djAudiovisualizaerPi
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

DJ Visualizer Pi: standalone Node+WebSocket server with mobile PWA remote

Browse Source 
New separate project (the Electron Mac app stays untouched). Reuses the visual
engine (WebGL shaders, effect catalog, Web Audio) verbatim and replaces Electron
IPC with a Node HTTP+WebSocket server:

- server.js: serves the kiosk output page + mobile control PWA, relays the same
  ctl/rpt JSON protocol over WebSocket, plus REST for media library/upload,
  JSON state (pads), waveform peaks and MP4 recording (ffmpeg).
- public/js/net.js: window.djv shim over WebSocket+HTTP so output.js runs intact.
- public/index.html + control.js: touch-first mobile remote (effects, media/queue,
  ticker, pads, audio/EQ, fullscreen + recording).
- PWA (manifest + service worker + generated icons).
- scripts/: Chromium kiosk launcher + install-pi.sh (systemd units for Pi 5).

Verified: REST endpoints, WebSocket relay both directions, control PWA loads the
2958-effect catalog and renders. (Headless WebGL output not testable without GPU.)

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
lucianoandClaude Opus 4.8 committed 2026-06-29 13:06:15 +02:00
commit b94c787231
81 files changed
+23994
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

svg/stars-star-svgrepo-com.svg
+53
View File
@@ -0,0 +1,53 @@
<?xml version="1.0" encoding="iso-8859-1"?>
<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
<svg fill="#000000" height="800px" width="800px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
viewBox="0 0 512 512" xml:space="preserve">
<g>
<g>
<g>
<path d="M379.914,199.382l-75.132-10.916l-33.6-68.08c-2.893-5.868-8.756-9.512-15.3-9.512c-6.542,0-12.406,3.645-15.299,9.51
l-33.601,68.082l-75.133,10.916c-6.475,0.942-11.752,5.393-13.771,11.613c-2.021,6.223-0.366,12.924,4.319,17.491l54.367,52.993
l-12.836,74.829c-1.105,6.448,1.496,12.842,6.788,16.686c2.992,2.172,6.49,3.277,10.013,3.277c2.711,0,5.438-0.655,7.954-1.981
l67.199-35.328l67.194,35.326c2.438,1.285,5.185,1.964,7.945,1.964c3.625,0,7.092-1.126,10.026-3.257
c5.293-3.842,7.897-10.236,6.793-16.688l-5.636-32.853c-0.757-4.422-4.951-7.393-9.38-6.633c-4.422,0.758-7.392,4.958-6.632,9.38
l5.635,32.848c0.053,0.309-0.071,0.615-0.325,0.798c-0.377,0.274-0.63,0.184-0.858,0.064l-70.979-37.315
c-2.366-1.245-5.193-1.245-7.561,0l-70.98,37.315c-0.271,0.142-0.607,0.118-0.857-0.063c-0.249-0.181-0.376-0.493-0.324-0.795
l13.558-79.037c0.453-2.635-0.421-5.325-2.336-7.191l-57.424-55.974c-0.22-0.216-0.301-0.543-0.206-0.838
c0.094-0.291,0.353-0.508,0.656-0.552l79.358-11.53c2.646-0.383,4.933-2.045,6.117-4.443l35.491-71.914
c0.271-0.548,1.184-0.552,1.458,0.001l35.491,71.912c1.183,2.397,3.471,4.06,6.117,4.443l79.358,11.53
c0.309,0.045,0.561,0.258,0.657,0.556c0.096,0.297,0.018,0.617-0.206,0.835l-57.426,55.974c-1.914,1.866-2.788,4.555-2.335,7.191
l3.476,20.259c0.758,4.422,4.95,7.393,9.38,6.632c4.422-0.758,7.392-4.958,6.632-9.38l-2.753-16.048l54.366-52.992
c4.686-4.566,6.34-11.268,4.318-17.491C391.666,204.774,386.39,200.324,379.914,199.382z"/>
<path d="M84.958,81.684l-5.284,30.805c-0.783,4.565,1.057,9.092,4.807,11.819c2.079,1.51,4.534,2.308,7.103,2.308
c1.952,0,3.897-0.481,5.621-1.389l27.665-14.544l27.671,14.547c1.727,0.906,3.67,1.384,5.617,1.384
c2.567,0,5.023-0.797,7.104-2.309c3.746-2.724,5.587-7.25,4.805-11.815l-5.284-30.807l22.383-21.817
c3.317-3.235,4.489-7.981,3.058-12.383c-1.43-4.41-5.169-7.562-9.755-8.228l-30.93-4.494L135.708,6.737
C133.658,2.581,129.505,0,124.87,0c-4.634,0-8.787,2.581-10.834,6.735l-13.833,28.027l-30.929,4.494
c-4.586,0.666-8.324,3.818-9.757,8.227c-1.43,4.404-0.259,9.148,3.059,12.385L84.958,81.684z M106.765,50.227
c2.646-0.385,4.933-2.047,6.117-4.444l11.989-24.291l11.989,24.291c1.184,2.397,3.471,4.06,6.117,4.444l26.806,3.895
L150.385,73.03c-1.915,1.866-2.788,4.556-2.336,7.191l4.58,26.7l-23.977-12.606c-1.184-0.622-2.482-0.933-3.78-0.933
c-1.298,0-2.596,0.311-3.78,0.933L97.114,106.92l4.58-26.699c0.453-2.635-0.421-5.325-2.336-7.191L79.959,54.122L106.765,50.227z
"/>
<path d="M297.828,442.499l-22.112-3.213l-9.882-20.019c-1.849-3.766-5.755-6.199-9.952-6.199c-4.251,0-8.062,2.369-9.944,6.183
l-9.888,20.036l-22.113,3.213c-4.208,0.612-7.639,3.503-8.954,7.55c-1.314,4.045-0.237,8.4,2.808,11.367l16.001,15.597
l-3.779,22.029c-0.715,4.189,0.976,8.342,4.416,10.843c1.907,1.385,4.162,2.117,6.517,2.117c1.791,0,3.575-0.441,5.16-1.275
l19.776-10.398l19.78,10.4c3.646,1.916,8.384,1.562,11.678-0.846c3.433-2.495,5.125-6.644,4.413-10.848l-3.779-22.02
l15.994-15.59c3.052-2.968,4.13-7.327,2.814-11.377C305.467,446.002,302.037,443.111,297.828,442.499z M273.575,468.361
c-1.914,1.866-2.788,4.556-2.335,7.191l2.734,15.93l-14.31-7.523c-1.184-0.623-2.482-0.934-3.78-0.934
c-1.299,0-2.597,0.311-3.779,0.935l-14.307,7.522l2.733-15.93c0.453-2.635-0.421-5.325-2.336-7.191l-11.576-11.283l15.997-2.323
c2.646-0.385,4.933-2.047,6.117-4.444l7.152-14.493l7.153,14.493c1.183,2.397,3.47,4.06,6.117,4.444l15.997,2.323
L273.575,468.361z"/>
<path d="M444.707,266.129c-18.771,0-34.044,15.272-34.044,34.044s15.273,34.044,34.044,34.044
c18.771,0,34.044-15.272,34.044-34.044C478.751,281.401,463.478,266.129,444.707,266.129z M444.707,317.97
c-9.814,0-17.797-7.984-17.797-17.797c0-9.813,7.983-17.797,17.797-17.797c9.813,0,17.797,7.984,17.797,17.797
C462.503,309.986,454.52,317.97,444.707,317.97z"/>
<path d="M67.293,308.126c-18.773,0-34.044,15.273-34.044,34.044c0,18.771,15.272,34.044,34.044,34.044
c18.771,0,34.043-15.273,34.044-34.044C101.337,323.399,86.066,308.126,67.293,308.126z M67.293,359.967
c-9.814,0-17.797-7.983-17.797-17.797c0-9.814,7.983-17.797,17.797-17.797c9.812,0,17.795,7.983,17.797,17.797
C85.09,351.984,77.107,359.967,67.293,359.967z"/>
<circle cx="378.385" cy="100.399" r="18.101"/>
<circle cx="418.787" cy="429.381" r="18.102"/>
</g>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 4.6 KiB