lucianoandClaude Opus 4.8
b94c787231
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>
80 lines
15 KiB
XML
80 lines
15 KiB
XML
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
|
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
|
<svg xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns="http://www.w3.org/2000/svg" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" id="svg2" inkscape:version="0.48.3.1 r9886" viewBox="0 0 690.5408 418.763" version="1.1" sodipodi:docname="_svgclean2.svg">
|
|
<sodipodi:namedview id="base" bordercolor="#666666" inkscape:pageshadow="2" inkscape:window-y="0" pagecolor="#ffffff" inkscape:zoom="0.35" inkscape:window-width="370" inkscape:window-maximized="0" inkscape:window-x="372" showgrid="false" borderopacity="1.0" inkscape:current-layer="layer1" inkscape:cx="351.69818" inkscape:cy="112.29947" inkscape:window-height="484" inkscape:pageopacity="0.0" inkscape:document-units="px"/>
|
|
<g id="layer1" inkscape:label="Layer 1" inkscape:groupmode="layer" transform="translate(-23.302 -340.18)">
|
|
<g id="g3358" inkscape:export-ydpi="90" inkscape:export-xdpi="90" transform="matrix(.85805 0 0 .85805 -23.679 -159.8)">
|
|
<g id="g4195" transform="matrix(.478 0 0 .37856 456.01 450.75)">
|
|
<path id="path4197" style="stroke:#000000;stroke-width:6;stroke-linecap:round;fill:#333333" inkscape:connector-curvature="0" d="m-521.71 866.69a315.07 249.43 0 0 0 -315.07 249.43 315.07 249.43 0 0 0 315.07 249.43 315.07 249.43 0 0 0 315.07 -249.43 315.07 249.43 0 0 0 -315.07 -249.43zm-0.3183 231.87a19.403 17.555 0 0 1 19.402 17.555 19.403 17.555 0 0 1 -19.402 17.557 19.403 17.555 0 0 1 -19.402 -17.557 19.403 17.555 0 0 1 19.402 -17.555z"/>
|
|
<path id="path4199" inkscape:connector-curvature="0" sodipodi:nodetypes="cccc" style="opacity:.42857;fill:none" d="m-523.89 1121.2 298.47-81.985c29.197 55.14 29.587 117.75-19.498 190.29z"/>
|
|
<path id="path4201" style="fill:#000000" inkscape:connector-curvature="0" d="m-521.71 980.64a146.27 111.29 0 0 0 -146.27 111.29 146.27 111.29 0 0 0 146.27 111.29 146.27 111.29 0 0 0 146.27 -111.29 146.27 111.29 0 0 0 -146.27 -111.29zm0 93.734a23.402 17.552 0 0 1 23.403 17.552 23.402 17.552 0 0 1 -23.403 17.55 23.402 17.552 0 0 1 -23.401 -17.55 23.402 17.552 0 0 1 23.401 -17.552z"/>
|
|
<path id="path4203" d="m-431.12 1355.7c-57.235 13.262-114.9 14.666-181.14-1.6796l85.025-218.35z" sodipodi:nodetypes="cccc" style="opacity:0.489;stroke:#000000;stroke-width:.95351px;fill:#ffffff" inkscape:connector-curvature="0"/>
|
|
<path id="path4205" inkscape:connector-curvature="0" sodipodi:nodetypes="cccc" style="opacity:.5;stroke:#000000;stroke-width:.96925px;fill:#ffffff" d="m-612.29 874.52c75.755-13.52 132.87-9.9566 181.12 1.7357l-85.017 225.64z"/>
|
|
<path id="path4207" d="m-515.71 1114.7-298.64-78.768c-29.197 55.14-38.011 112.08 11.074 184.62z" sodipodi:nodetypes="cccc" style="opacity:.42857;fill:none" inkscape:connector-curvature="0"/>
|
|
<path id="path4209" d="m-521.71 1003.2a116.64 88.74 0 0 0 -116.64 88.74 116.64 88.74 0 0 0 116.64 88.74 116.64 88.74 0 0 0 116.64 -88.74 116.64 88.74 0 0 0 -116.64 -88.74zm0 74.744a18.661 13.996 0 0 1 18.662 13.996 18.661 13.996 0 0 1 -18.662 13.994 18.661 13.996 0 0 1 -18.66 -13.994 18.661 13.996 0 0 1 18.66 -13.996z" style="stroke:#000000;stroke-width:3;stroke-linecap:round;fill:#cccccc" inkscape:connector-curvature="0"/>
|
|
<ellipse id="ellipse4211" sodipodi:rx="75.486" sodipodi:cy="1050.7" style="opacity:0.368;fill:none" d="m -436.94399,1050.7 c 0,13.5944 -33.79624,24.615 -75.486,24.615 -41.68977,0 -75.486,-11.0206 -75.486,-24.615 0,-13.5945 33.79623,-24.615 75.486,-24.615 41.68976,0 75.486,11.0205 75.486,24.615 z" sodipodi:ry="24.615" rx="75.486" ry="24.615" cy="1050.7" cx="-512.43" sodipodi:cx="-512.42999"/>
|
|
<path id="path4213" style="stroke:#000000;stroke-width:1px;fill:none" inkscape:connector-curvature="0" d="m-794.59 1006.2z"/>
|
|
</g>
|
|
<g id="g4215" transform="matrix(.478 0 0 .37856 630.19 542.74)">
|
|
<path id="path4217" style="stroke:#000000;stroke-width:6;stroke-linecap:round;fill:#333333" inkscape:connector-curvature="0" d="m-521.71 866.69a315.07 249.43 0 0 0 -315.07 249.43 315.07 249.43 0 0 0 315.07 249.43 315.07 249.43 0 0 0 315.07 -249.43 315.07 249.43 0 0 0 -315.07 -249.43zm-0.3183 231.87a19.403 17.555 0 0 1 19.402 17.555 19.403 17.555 0 0 1 -19.402 17.557 19.403 17.555 0 0 1 -19.402 -17.557 19.403 17.555 0 0 1 19.402 -17.555z"/>
|
|
<path id="path4219" inkscape:connector-curvature="0" sodipodi:nodetypes="cccc" style="opacity:.42857;fill:none" d="m-523.89 1121.2 298.47-81.985c29.197 55.14 29.587 117.75-19.498 190.29z"/>
|
|
<path id="path4221" style="fill:#000000" inkscape:connector-curvature="0" d="m-521.71 980.64a146.27 111.29 0 0 0 -146.27 111.29 146.27 111.29 0 0 0 146.27 111.29 146.27 111.29 0 0 0 146.27 -111.29 146.27 111.29 0 0 0 -146.27 -111.29zm0 93.734a23.402 17.552 0 0 1 23.403 17.552 23.402 17.552 0 0 1 -23.403 17.55 23.402 17.552 0 0 1 -23.401 -17.55 23.402 17.552 0 0 1 23.401 -17.552z"/>
|
|
<path id="path4223" d="m-431.12 1355.7c-57.235 13.262-114.9 14.666-181.14-1.6796l85.025-218.35z" sodipodi:nodetypes="cccc" style="opacity:0.489;stroke:#000000;stroke-width:.95351px;fill:#ffffff" inkscape:connector-curvature="0"/>
|
|
<path id="path4225" inkscape:connector-curvature="0" sodipodi:nodetypes="cccc" style="opacity:.5;stroke:#000000;stroke-width:.96925px;fill:#ffffff" d="m-612.29 874.52c75.755-13.52 132.87-9.9566 181.12 1.7357l-85.017 225.64z"/>
|
|
<path id="path4227" d="m-515.71 1114.7-298.64-78.768c-29.197 55.14-38.011 112.08 11.074 184.62z" sodipodi:nodetypes="cccc" style="opacity:.42857;fill:none" inkscape:connector-curvature="0"/>
|
|
<path id="path4229" d="m-521.71 1003.2a116.64 88.74 0 0 0 -116.64 88.74 116.64 88.74 0 0 0 116.64 88.74 116.64 88.74 0 0 0 116.64 -88.74 116.64 88.74 0 0 0 -116.64 -88.74zm0 74.744a18.661 13.996 0 0 1 18.662 13.996 18.661 13.996 0 0 1 -18.662 13.994 18.661 13.996 0 0 1 -18.66 -13.994 18.661 13.996 0 0 1 18.66 -13.996z" style="stroke:#000000;stroke-width:3;stroke-linecap:round;fill:#800000" inkscape:connector-curvature="0"/>
|
|
<ellipse id="ellipse4231" sodipodi:rx="75.486" sodipodi:cy="1050.7" style="opacity:0.368;fill:none" d="m -436.94399,1050.7 c 0,13.5944 -33.79624,24.615 -75.486,24.615 -41.68977,0 -75.486,-11.0206 -75.486,-24.615 0,-13.5945 33.79623,-24.615 75.486,-24.615 41.68976,0 75.486,11.0205 75.486,24.615 z" sodipodi:ry="24.615" rx="75.486" ry="24.615" cy="1050.7" cx="-512.43" sodipodi:cx="-512.42999"/>
|
|
<path id="path4233" style="stroke:#000000;stroke-width:1px;fill:none" inkscape:connector-curvature="0" d="m-794.59 1006.2z"/>
|
|
</g>
|
|
<g id="g4235" transform="matrix(.478 0 0 .37856 806.33 552.52)">
|
|
<path id="path4237" style="stroke:#000000;stroke-width:6;stroke-linecap:round;fill:#333333" inkscape:connector-curvature="0" d="m-521.71 866.69a315.07 249.43 0 0 0 -315.07 249.43 315.07 249.43 0 0 0 315.07 249.43 315.07 249.43 0 0 0 315.07 -249.43 315.07 249.43 0 0 0 -315.07 -249.43zm-0.3183 231.87a19.403 17.555 0 0 1 19.402 17.555 19.403 17.555 0 0 1 -19.402 17.557 19.403 17.555 0 0 1 -19.402 -17.557 19.403 17.555 0 0 1 19.402 -17.555z"/>
|
|
<path id="path4239" inkscape:connector-curvature="0" sodipodi:nodetypes="cccc" style="opacity:.42857;fill:none" d="m-523.89 1121.2 298.47-81.985c29.197 55.14 29.587 117.75-19.498 190.29z"/>
|
|
<path id="path4241" style="fill:#000000" inkscape:connector-curvature="0" d="m-521.71 980.64a146.27 111.29 0 0 0 -146.27 111.29 146.27 111.29 0 0 0 146.27 111.29 146.27 111.29 0 0 0 146.27 -111.29 146.27 111.29 0 0 0 -146.27 -111.29zm0 93.734a23.402 17.552 0 0 1 23.403 17.552 23.402 17.552 0 0 1 -23.403 17.55 23.402 17.552 0 0 1 -23.401 -17.55 23.402 17.552 0 0 1 23.401 -17.552z"/>
|
|
<path id="path4243" d="m-431.12 1355.7c-57.235 13.262-114.9 14.666-181.14-1.6796l85.025-218.35z" sodipodi:nodetypes="cccc" style="opacity:0.489;stroke:#000000;stroke-width:.95351px;fill:#ffffff" inkscape:connector-curvature="0"/>
|
|
<path id="path4245" inkscape:connector-curvature="0" sodipodi:nodetypes="cccc" style="opacity:.5;stroke:#000000;stroke-width:.96925px;fill:#ffffff" d="m-612.29 874.52c75.755-13.52 132.87-9.9566 181.12 1.7357l-85.017 225.64z"/>
|
|
<path id="path4247" d="m-515.71 1114.7-298.64-78.768c-29.197 55.14-38.011 112.08 11.074 184.62z" sodipodi:nodetypes="cccc" style="opacity:.42857;fill:none" inkscape:connector-curvature="0"/>
|
|
<path id="path4249" d="m-521.71 1003.2a116.64 88.74 0 0 0 -116.64 88.74 116.64 88.74 0 0 0 116.64 88.74 116.64 88.74 0 0 0 116.64 -88.74 116.64 88.74 0 0 0 -116.64 -88.74zm0 74.744a18.661 13.996 0 0 1 18.662 13.996 18.661 13.996 0 0 1 -18.662 13.994 18.661 13.996 0 0 1 -18.66 -13.994 18.661 13.996 0 0 1 18.66 -13.996z" style="stroke:#000000;stroke-width:3;stroke-linecap:round;fill:#d45500" inkscape:connector-curvature="0"/>
|
|
<ellipse id="ellipse4251" sodipodi:rx="75.486" sodipodi:cy="1050.7" style="opacity:0.368;fill:none" d="m -436.94399,1050.7 c 0,13.5944 -33.79624,24.615 -75.486,24.615 -41.68977,0 -75.486,-11.0206 -75.486,-24.615 0,-13.5945 33.79623,-24.615 75.486,-24.615 41.68976,0 75.486,11.0205 75.486,24.615 z" sodipodi:ry="24.615" rx="75.486" ry="24.615" cy="1050.7" cx="-512.43" sodipodi:cx="-512.42999"/>
|
|
<path id="path4253" style="stroke:#000000;stroke-width:1px;fill:none" inkscape:connector-curvature="0" d="m-794.59 1006.2z"/>
|
|
</g>
|
|
<g id="g4164" transform="matrix(.478 0 0 .37856 957.03 462.49)">
|
|
<path id="ellipse4104" d="m-521.71 866.69a315.07 249.43 0 0 0 -315.07 249.43 315.07 249.43 0 0 0 315.07 249.43 315.07 249.43 0 0 0 315.07 -249.43 315.07 249.43 0 0 0 -315.07 -249.43zm-0.3183 231.87a19.403 17.555 0 0 1 19.402 17.555 19.403 17.555 0 0 1 -19.402 17.557 19.403 17.555 0 0 1 -19.402 -17.557 19.403 17.555 0 0 1 19.402 -17.555z" style="stroke:#000000;stroke-width:6;stroke-linecap:round;fill:#333333" inkscape:connector-curvature="0"/>
|
|
<path id="path4106" d="m-523.89 1121.2 298.47-81.985c29.197 55.14 29.587 117.75-19.498 190.29z" sodipodi:nodetypes="cccc" style="opacity:.42857;fill:none" inkscape:connector-curvature="0"/>
|
|
<path id="path4162" d="m-521.71 980.64a146.27 111.29 0 0 0 -146.27 111.29 146.27 111.29 0 0 0 146.27 111.29 146.27 111.29 0 0 0 146.27 -111.29 146.27 111.29 0 0 0 -146.27 -111.29zm0 93.734a23.402 17.552 0 0 1 23.403 17.552 23.402 17.552 0 0 1 -23.403 17.55 23.402 17.552 0 0 1 -23.401 -17.55 23.402 17.552 0 0 1 23.401 -17.552z" style="fill:#000000" inkscape:connector-curvature="0"/>
|
|
<path id="path4160" inkscape:connector-curvature="0" sodipodi:nodetypes="cccc" style="opacity:0.489;stroke:#000000;stroke-width:.95351px;fill:#ffffff" d="m-431.12 1355.7c-57.235 13.262-114.9 14.666-181.14-1.6796l85.025-218.35z"/>
|
|
<path id="path4158" d="m-612.29 874.52c75.755-13.52 132.87-9.9566 181.12 1.7357l-85.017 225.64z" sodipodi:nodetypes="cccc" style="opacity:.5;stroke:#000000;stroke-width:.96925px;fill:#ffffff" inkscape:connector-curvature="0"/>
|
|
<path id="path4108" inkscape:connector-curvature="0" sodipodi:nodetypes="cccc" style="opacity:.42857;fill:none" d="m-515.71 1114.7-298.64-78.768c-29.197 55.14-38.011 112.08 11.074 184.62z"/>
|
|
<path id="path4110" style="stroke:#000000;stroke-width:3;stroke-linecap:round;fill:#ffcc00" inkscape:connector-curvature="0" d="m-521.71 1003.2a116.64 88.74 0 0 0 -116.64 88.74 116.64 88.74 0 0 0 116.64 88.74 116.64 88.74 0 0 0 116.64 -88.74 116.64 88.74 0 0 0 -116.64 -88.74zm0 74.744a18.661 13.996 0 0 1 18.662 13.996 18.661 13.996 0 0 1 -18.662 13.994 18.661 13.996 0 0 1 -18.66 -13.994 18.661 13.996 0 0 1 18.66 -13.996z"/>
|
|
<ellipse id="ellipse4112" sodipodi:rx="75.486" sodipodi:cy="1050.7" style="opacity:0.368;fill:none" d="m -436.94399,1050.7 c 0,13.5944 -33.79624,24.615 -75.486,24.615 -41.68977,0 -75.486,-11.0206 -75.486,-24.615 0,-13.5945 33.79623,-24.615 75.486,-24.615 41.68976,0 75.486,11.0205 75.486,24.615 z" sodipodi:ry="24.615" rx="75.486" ry="24.615" cy="1050.7" cx="-512.43" sodipodi:cx="-512.42999"/>
|
|
<path id="path4156" d="m-794.59 1006.2z" style="stroke:#000000;stroke-width:1px;fill:none" inkscape:connector-curvature="0"/>
|
|
</g>
|
|
<g id="g4267" inkscape:transform-center-x="252.49845" inkscape:transform-center-y="93.941474" transform="matrix(.50261 -.12921 0 .50261 1158.4 79.611)">
|
|
<ellipse id="ellipse4269" sodipodi:rx="315.07001" sodipodi:cy="935.66998" style="stroke:#808080;stroke-width:6;stroke-linecap:round;fill:#000000" d="m -970.92999,935.66998 c 0,137.75642 -141.06161,249.43002 -315.07001,249.43002 -174.0084,0 -315.07,-111.6736 -315.07,-249.43002 0,-137.75638 141.0616,-249.42999 315.07,-249.42999 174.0084,0 315.07001,111.67361 315.07001,249.42999 z" sodipodi:ry="249.42999" rx="315.07" ry="249.43" cy="935.67" cx="-1286" sodipodi:cx="-1286"/>
|
|
<path id="path4271" inkscape:connector-curvature="0" sodipodi:nodetypes="cccc" style="opacity:.42857;fill:#ffffff" d="m-1288.2 940.77 298.47-81.985c29.197 55.14 29.587 117.75-19.498 190.29z"/>
|
|
<path id="path4273" d="m-1280 934.21-298.64-78.768c-29.197 55.14-38.011 112.08 11.074 184.62z" sodipodi:nodetypes="cccc" style="opacity:.42857;fill:#ffffff" inkscape:connector-curvature="0"/>
|
|
<path id="path4275" d="m-1286 842.01a116.64 88.74 0 0 0 -116.64 88.74 116.64 88.74 0 0 0 116.64 88.74 116.64 88.74 0 0 0 116.64 -88.74 116.64 88.74 0 0 0 -116.64 -88.74zm0 74.744a18.661 13.996 0 0 1 18.662 13.996 18.661 13.996 0 0 1 -18.662 13.994 18.661 13.996 0 0 1 -18.66 -13.994 18.661 13.996 0 0 1 18.66 -13.996z" style="stroke:#999999;stroke-width:5.7473;stroke-linecap:round;fill:#808000" transform="translate(-7.3564e-6,0)" inkscape:connector-curvature="0"/>
|
|
<ellipse id="ellipse4277" sodipodi:rx="75.486" sodipodi:cy="870.21002" style="opacity:0.368;fill:#ffffff" d="m -1201.214,870.21002 c 0,13.59449 -33.7962,24.615 -75.486,24.615 -41.6897,0 -75.486,-11.02051 -75.486,-24.615 0,-13.59449 33.7963,-24.615 75.486,-24.615 41.6898,0 75.486,11.02051 75.486,24.615 z" sodipodi:ry="24.615" rx="75.486" ry="24.615" cy="870.21" cx="-1276.7" sodipodi:cx="-1276.7"/>
|
|
</g>
|
|
</g>
|
|
</g>
|
|
<metadata id="metadata52">
|
|
<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>
|
|
</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>
|
