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

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

No files matched your search

+6
View File
@@ -0,0 +1,6 @@
<?xml version="1.0"?>
<svg xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns="http://www.w3.org/2000/svg" xmlns:cc="http://web.resource.org/cc/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:svg="http://www.w3.org/2000/svg" id="Layer_1" xml:space="preserve" viewBox="0 0 109.02 206.093" version="1.0">
<g id="g5">
<path id="path7" d="m10.111 109.55c-3.863-3.55-6.394-6.57-8.125-9.41-1.732-2.932-2.043-3.598-1.954-7.461-0.089-3.907 1.865-11.545 2.265-15.896 0.133-4.485-1.11-7.594-0.311-10.347 0.799-2.842 3.197-3.864 5.506-6.483 2.354-2.619 4.84-5.817 8.126-9.414l-0.977-4.884c-3.597-2.442-5.595-5.195-6.483-8.082-0.844-3.02-0.311-7.016 1.599-9.414 1.776-2.353 6.394-4.44 9.414-4.529 2.931-0.178 6.261 2.086 8.126 3.552 1.51 1.421 1.599 2.931 1.954 4.529 0.266 1.465 0.311 2.708 0.622 4.218 0.311 1.465 1.42 2.931 1.643 4.218 0.133 1.021-0.089 2.042-0.667 2.576 1.333-0.178 2.842-0.711 4.529-1.599 1.555-1.11 2.887-2.575 5.196-3.907 2.265-1.333 5.372-0.977 8.126-3.552 2.575-2.62 5.461-8.615 7.46-11.99 1.776-3.552 2.886-7.105 3.862-8.747 0.845-1.688 1.555 0.488 1.954-1.333 0.267-1.998-0.532-8.526 0.666-10.346 1.198-1.909 4.441-1.155 6.483-0.667 1.909 0.4 2.043 0.4 5.194 3.242 3.109 2.931 10.169 9.592 12.968 13.632 2.619 3.774 3.597 6.971 2.931 9.414 1.064 1.421 1.864 2.709 1.909 4.529-0.045 1.732-1.333 3.73-1.288 5.506 0 1.643 1.864 3.108 1.643 4.218-0.354 0.844-2.975 0.577-3.597 1.599-0.8 1.199-0.311 3.686-0.932 4.884-0.756 0.977-1.777 1.243-3.243 0.977l-0.665 2.931c1.154 2.22 2.397 3.997 3.553 5.506 1.109 1.466 2.131 2.487 3.241 3.242 2.176-2.176 3.863-3.952 5.551-5.507 1.599-1.554 3.063-1.954 3.86-3.597 0.62-1.909-0.753-4.75 0-6.793 0.67-2.087 2.31-4.441 3.91-5.195 1.47-0.755 4.62-0.799 4.84 0.355 0.09 1.065-3.77 3.863-4.22 5.816-0.53 1.776 0.67 3.108 0.67 5.195-0.31 1.999 0.22 4.529-1.65 7.105-1.86 2.62-4.925 5.106-9.365 8.126 0.222 2.22 0 4.218-0.666 6.483-0.8 2.087-2.442 4.085-3.552 6.483-1.288 2.442-2.265 4.973-2.931 7.771-0.623 2.665-1.066 5.106-0.978 7.815 3.286 4.174 5.551 7.951 6.794 11.991 1.154 3.77 0.532 7.28 0.355 11.37-0.267 4.08-0.577 5.95-1.954 12.96-1.643 6.97-4.485 23.05-6.795 28.2-2.308 4.97-4.529 5.46-6.837 1.64-3.198 4.18-5.729 7.64-7.771 10.39-2.086 2.76-3.597 4.8-4.529 6.13-0.222 3.78-0.222 6.97 0 9.42 0 2.35-0.311 3.1 1.288 5.19 1.688 2.18 7.459 5.42 8.747 7.15 1.11 1.33-0.398 1.51-1.642 1.91-1.332 0.44-4.175 1.29-6.129 0.66-2.086-0.75-4.085-2.48-6.172-5.19 0.489 2.49 0.755 4.48 1.287 6.17 0.534 1.64 2.043 3.07 1.288 3.55-0.977 0.36-4.885 0.45-7.104-1.28-2.265-1.96-4.885-7.6-6.482-9.73-1.776-2.22-3.021-3.24-3.908-3.24 1.154 2.18 1.11 3.73-0.311 4.84-1.555 1.02-6.439 1.64-8.126 1.33-1.687-0.53-1.776-2.57-1.954-3.9-0.311-1.43-0.133-2.71 0.355-4.22-1.82 1.64-2.842 0.84-3.597-2.58-0.71-3.51-0.977-9.28-0.622-17.85h-2.62c0.488 2 0.222 3.51-0.311 4.53-0.754 0.89-1.998 1.15-3.552 1.29-1.732 0.13-5.329 0-6.172-0.94-0.799-1.06 1.11-3.37 1.288-5.55-0.089-2.31 0.044-3.86-0.978-8.08-1.243-4.4-4.352-12.92-5.195-17.54-0.799-4.57 0.045-6.66 0.311-10.03 0.134-3.51 0.355-7.24 0.666-11.01-0.843-1.6-1.376-3.07-1.598-4.58-0.222-1.69 0.577-3.2 0-4.53-0.709-1.37-2.174-2.39-4.217-3.24zm55.772-96.621c0.534 3.108 0.312 6.172-0.666 9.369-1.109 3.153-3.107 5.773-5.506 9.725-2.53 3.863-6.127 8.925-8.747 13.321-2.709 4.218-5.95 6.039-6.794 12.3-0.843 6.217 0.888 18.96 1.599 24.689 0.532 5.372 1.421 5.95 1.643 8.437 0.044 2.531-0.222 4.574-0.977 6.483 4.085-5.15 7.771-8.57 10.701-10.746 2.886-2.043 5.372-2.842 7.104-1.909-0.4-5.729-0.622-10.435-0.311-14.299 0.134-3.952 0.8-6.705 1.643-8.747-1.554-1.688-2.309-3.908-2.62-7.15-0.355-3.241 0.09-7.237 0.978-11.989-1.775 2.087-3.021 2.842-3.908 2.931-0.932-0.178-1.819-1.199-1.287-3.241 0.444-2.176 3.108-6.75 4.218-9.103 0.845-2.354 1.155-4.307 1.954-4.84 0.845-0.666 1.866-0.178 3.241 1.288 0.089-1.376 1.066-2.397 2.931-3.241 1.866-0.888 4.441-1.599 8.081-1.954-0.311-1.954-0.888-4.219-1.909-6.794-1.109-2.665-2.352-5.462-4.218-8.748-0.398 1.289-1.109 2.087-2.31 2.887-1.244 0.665-2.797 1.109-4.84 1.331zm-19.448 133.26c0.799 1.42 2.309 2.39 4.529 2.93 2.131 0.44 6.482-0.58 8.437 0 1.864 0.4 3.064 1.33 3.241 2.62-0.843 1.38-1.599 3.19-2.265 5.81-0.621 2.58-1.11 6.4-1.953 9.42-1.021 2.89-2.486 5.64-4.219 8.08-0.488 0.4-1.199 0.89-1.954 1.64-0.888 0.71-1.865 1.51-2.931 2.58-1.109-3.82-1.688-7.55-1.909-11.01-0.222-3.56 0.666-6.44 0.622-10.04-0.178-3.82-0.711-7.59-1.598-12.03z" fill-rule="evenodd" stroke="#000" stroke-miterlimit="10" stroke-width=".036"/>
</g>
<metadata><rdf:RDF><cc:Work><dc:format>image/svg+xml</dc:format><dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"/><cc:license rdf:resource="http://creativecommons.org/licenses/publicdomain/"/><dc:publisher><cc:Agent rdf:about="http://openclipart.org/"><dc:title>Openclipart</dc:title></cc:Agent></dc:publisher><dc:title>Fifties Dancers</dc:title><dc:date>2007-01-08T13:46:20</dc:date><dc:description>For request:&#xD;\n&#xD;\nWould really be appreciative of some fifties rock 'n' roll dancers in several dance positions. Several simplistic vector (SVG/EPS etc) outline images of a couple dancing would be really great&#xD;\n&#xD;\nMany many thanks.&#xD;\n&#xD;\nTiccer</dc:description><dc:source>http://openclipart.org/detail/2852/fifties-dancers-by-gerald_g-2852</dc:source><dc:creator><cc:Agent><dc:title>Gerald_G</dc:title></cc:Agent></dc:creator><dc:subject><rdf:Bag><rdf:li>clip art</rdf:li><rdf:li>clipart</rdf:li><rdf:li>dance</rdf:li><rdf:li>dancers</rdf:li><rdf:li>fifties</rdf:li><rdf:li>jitterbug</rdf:li><rdf:li>jive</rdf:li><rdf:li>man</rdf:li><rdf:li>people</rdf:li><rdf:li>silhouette</rdf:li><rdf:li>woman</rdf:li></rdf:Bag></dc:subject></cc:Work><cc:License rdf:about="http://creativecommons.org/licenses/publicdomain/"><cc:permits rdf:resource="http://creativecommons.org/ns#Reproduction"/><cc:permits rdf:resource="http://creativecommons.org/ns#Distribution"/><cc:permits rdf:resource="http://creativecommons.org/ns#DerivativeWorks"/></cc:License></rdf:RDF></metadata></svg>

After

Width:  |  Height:  |  Size: 5.8 KiB