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/freesvg-dancing-music-notes-vector-graphics.svg
+196
View File
@@ -0,0 +1,196 @@
<?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://creativecommons.org/ns#" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:svg="http://www.w3.org/2000/svg" id="svg2" viewBox="0 0 1052.4 744.09" version="1.1">
<g id="layer1" transform="translate(0 -308.27)">
<g id="g9102" transform="translate(1.1221 -20)">
<g id="g8992">
<g id="g8944">
<g id="g8800" transform="matrix(.99337 -.11497 .11497 .99337 -62.722 106.4)">
<g id="g8780">
<g id="g3217" transform="matrix(.93911 -.18059 .18059 .93911 118.6 165.03)">
<g id="g4008-0" transform="matrix(.84123 .0069731 -.0069731 .84123 964.2 311.07)">
<path id="path3438-7-6" d="m-266.88 680.35c-0.78045 79.556-59.968 144.76-133.26 144.04-51.176-0.50204-105.78-47.243-104.93-126.8 0.53778-50.739 31.295-94.125 74.35-118.28 19.429-10.899 41.362-17.881 64.152-19.854 73.024-6.3238 100.47 40.471 99.694 120.89z"/>
<rect id="rect4213-0-6" transform="rotate(.56206)" height="482.86" width="54.705" stroke="#000" y="168.16" x="-317.09"/>
</g>
<path id="rect2960-9-6-5" d="m706.13 573.42 1.141-8.0654c-72.457-0.39158-103.24-5.7213-123.62-11.17-3.5271-0.94294-6.9269-1.0808-10.164-5.3718-3.928-6.5998-2.6196-17.214-2.8726-24.74-1.5261-0.0307-6.3198-0.11736-7.0448-0.14175-1.0064-0.0483-0.19258 8.0935-0.33146 13.764-0.20707 8.323 0.12597 11.651 4.0191 17.106 9.4184 11.774 92.089 18.94 138.87 18.62z"/>
<path id="rect2960-9-6-5-4" d="m728.74 574.02-1.141-8.0654c72.457-0.39158 103.24-5.7213 123.62-11.17 3.5271-0.94294 6.9269-1.0808 10.164-5.3718 3.928-6.5998 2.6196-17.214 2.8726-24.74 1.5261-0.0307 6.3198-0.11736 7.0448-0.14175 1.0064-0.0483 0.19258 8.0935 0.33146 13.764 0.20707 8.323-0.12597 11.651-4.0191 17.106-9.4184 11.774-92.089 18.94-138.87 18.62z"/>
</g>
<path id="rect4213-0-6-86" d="m930.76 693.66-27.005 4.9304-42.02-228.34 27.785-5.2219 41.24 228.64z" stroke="#4d4d4d" stroke-width=".51375" fill="#4d4d4d"/>
<path id="path3224" d="m773.25 562.85 7.4845 41.467 47.562-0.21952 25.09 139.87 137.33-24.005-25.763-142.74 45.492-14.82-7.7987-45.506-83.19 16.093-19.134 67.102-43.627-55.774-83.447 18.534z" stroke="#0055d4" stroke-width=".95631px" fill="#0055d4"/>
<g id="g3463-1" stroke="#59f" stroke-width="5" transform="matrix(.94111 -.16986 .16986 .94111 519.58 183.69)" fill="#59f">
<path id="path5714-7" d="m556.82 158.87c0 5.6484-4.0701 10.227-9.0909 10.227s-9.0909-4.5789-9.0909-10.227c0-5.6484 4.0701-10.227 9.0909-10.227s9.0909 4.5789 9.0909 10.227z" transform="matrix(.53412 -.046618 .046618 .53412 13.61 452.94)"/>
<path id="path5714-1-11" d="m556.82 158.87c0 5.6484-4.0701 10.227-9.0909 10.227s-9.0909-4.5789-9.0909-10.227c0-5.6484 4.0701-10.227 9.0909-10.227s9.0909 4.5789 9.0909 10.227z" transform="matrix(.53412 -.046618 .046618 .53412 14.124 478.01)"/>
<path id="path5714-1-1-52" d="m556.82 158.87c0 5.6484-4.0701 10.227-9.0909 10.227s-9.0909-4.5789-9.0909-10.227c0-5.6484 4.0701-10.227 9.0909-10.227s9.0909 4.5789 9.0909 10.227z" transform="matrix(.53412 -.046618 .046618 .53412 14.509 503.09)"/>
<path id="path5714-1-1-5-7" d="m556.82 158.87c0 5.6484-4.0701 10.227-9.0909 10.227s-9.0909-4.5789-9.0909-10.227c0-5.6484 4.0701-10.227 9.0909-10.227s9.0909 4.5789 9.0909 10.227z" transform="matrix(.53412 -.046618 .046618 .53412 13.428 529.08)"/>
<path id="path5714-1-1-5-2-6" d="m556.82 158.87c0 5.6484-4.0701 10.227-9.0909 10.227s-9.0909-4.5789-9.0909-10.227c0-5.6484 4.0701-10.227 9.0909-10.227s9.0909 4.5789 9.0909 10.227z" transform="matrix(.53412 -.046618 .046618 .53412 13.108 553.45)"/>
</g>
<path id="path7823" d="m812.21 912.63c-11.34-48.73 35.33-116.62 85.98-106.98" stroke="#4d4d4d" stroke-width="14" fill="none"/>
<path id="path7827" d="m890.74 964.32c20.118-6.7702 25.716-14.583 36.733-26.75 7.9201-10.25 17.077-26.349 19.152-39.024" stroke="#4d4d4d" stroke-width="14" fill="none"/>
<path id="path8509" d="m857.6 545.5 6.5292 56.598 11.146-22.094 17.309 10.22-34.984-44.724z" stroke="#59f" stroke-width="1px" fill="#59f"/>
<path id="path8509-9" d="m919.07 534.42 14.859 54.985-18.525-16.408-11.913 16.057 15.579-54.635z" stroke="#59f" stroke-width="1px" fill="#59f"/>
</g>
</g>
<g id="g8753" transform="translate(10.904 13.576)">
<g id="g8436" transform="matrix(.99134 .13135 -.13135 .99134 154.28 -84.596)">
<g id="g4008-0-9-6" transform="matrix(.80054 -.010216 .010216 .80054 862.16 334.72)">
<path id="path3438-7-6-4-1" d="m-266.88 680.35c-0.78045 79.556-59.968 144.76-133.26 144.04-51.176-0.50204-105.78-47.243-104.93-126.8 0.78045-73.635 65.208-131.78 138.5-138.13 73.024-6.3238 100.47 40.471 99.694 120.89z"/>
<rect id="rect4213-0-6-8-3" transform="rotate(.56206)" height="482.86" width="54.705" stroke="#000" y="168.16" x="-317.09"/>
</g>
<g id="g6946-8" transform="matrix(.58478 -.0034395 .0025284 .56161 -65.97 306.79)">
<path id="rect3972-6-9-0-9" d="m1090.3 363.31c11.771-8.31 23.843-6.373 37.646 2.3891-5.7993 15.522-4.2969 29.696-1.3419 46.943-16.581-7.5829-19.088-10.907-36.229-2.3966-14.575-15.353-14.203-33.567-0.076-46.936h0.0003z" fill="#acf"/>
<path id="path2940-7-0-0-2-1-6-3" d="m1118.8 822.24c9.1734 9.8432 39.167-26.461 61.578 2.2932 14.586 14.615 26.188-33.925 56.256-2.3845 13.137 14.953 13.95-5.9451 35.13-7.5235 8.9135-0.66423 20.707 7.451 40.69 15.56 0.3382-15.294-10.906-29.738-18.96-51.33-3.8563-10.337-6.4829-20.836-7.5003-37.035-4.2285-67.329-9.4799-152.06-48.63-236.71 9.4305-26.85 26.468-54.16 32.639-73.811 8.7708-27.93-3.7251-54.779-11.343-65.325-13.207-15.632-43.695 94.474-91.112 45.794-25.142-25.812-35.121-42.105-39.388-45.975-0.2561-0.23219-0.5038-0.39507-0.7205-0.53752-1.0512-0.69112-1.6652-0.3494-2.0737 1.1654-5.1654 17.248-18.399 36.447-13.625 64.874 3.0737 18.303 21.42 44.484 32.055 74.659-44.304 91.826-39.49 151.94-50.35 234.13-4.1576 31.463-19.4 56.724-38.32 88.029 15.193 2.8708 42.602-28.895 63.675-5.872z" fill="#acf"/>
<path id="rect5575-4" d="m1244.8 523.53-108.58 0.007c2.2535-5.3454 3.8314-8.5792 6.8775-15.1 0.2923-0.62572 0.6327-1.2724 0.9532-1.9636l92.949-0.84079c2.7595 5.8309 5.663 11.789 7.8011 17.897z" stroke="#59f" fill="#59f"/>
<g id="g6870-4" stroke="#06f">
<path id="path2955-6" d="m268.22 341.9c0 6.2079-5.0325 11.24-11.24 11.24-6.2079 0-11.24-5.0324-11.24-11.24 0-6.2078 5.0324-11.24 11.24-11.24 6.2078 0 11.24 5.0325 11.24 11.24z" fill="#acf" transform="matrix(.51226 0 0 .60286 1060.8 307.86)"/>
<path id="path2961-0" d="m1191.4 503.93c-0.5679-1.6315-0.082-3.9909 0.5062-4.9473 0.498-1.0935 1.7939-1.9392 2.5822-2.0133 0.7596 0.35044 1.8559 1.2342 2.1026 2.656 0.3111 2.0102 0.048 3.4482-0.7258 4.6804-0.6356 0.91668-1.7288 2.3915-2.5133 2.8938-0.9644-0.85178-1.4349-2.0879-1.9519-3.2697z" stroke-width=".45064px" fill="#59f"/>
<path id="path2961-8-6" d="m1187 505.86c-1.2115-1.1481-1.8109-3.4768-1.7092-4.6205-0.037-1.2187 0.7367-2.6266 1.3995-3.0948 0.8224-0.0792 2.1739 0.13958 3.011 1.267 1.1501 1.6133 1.5443 3.0158 1.3992 4.4974-0.1609 1.133-0.4823 2.9921-0.9551 3.836-1.2213-0.25807-2.1747-1.1074-3.1454-1.8851z" stroke-width=".45064px" fill="#59f"/>
<path id="path2961-82-6" d="m1196.2 504.52c0.3618-1.699 1.9733-3.3715 2.9519-3.815 0.974-0.61154 2.4854-0.53794 3.1796-0.12655 0.4531 0.74753 0.9137 2.1411 0.3919 3.4728-0.7693 1.8602-1.7242 2.8992-2.9983 3.4609-0.998 0.38176-2.6626 0.9535-3.5726 0.90101-0.3672-1.2878-0.1266-2.5992 0.048-3.8932z" stroke-width=".45064px" fill="#59f"/>
<path id="path2961-8-4-18" d="m1184.5 509.84c-1.6074-0.0967-3.4035-1.5317-3.9737-2.5006-0.7223-0.9353-0.9127-2.5609-0.6567-3.3719 0.6029-0.61093 1.7922-1.3399 3.0927-1.0098 1.8234 0.50411 2.9314 1.3462 3.6594 2.6104 0.5174 1.0001 1.3211 2.6792 1.4283 3.6594-1.109 0.61124-2.3431 0.5779-3.55 0.6125z" stroke-width=".45064px" fill="#59f"/>
<path id="path2961-8-4-5-4" d="m1183.7 514.9c-1.4996 0.63401-3.6834 0.13495-4.5732-0.49068-1.0154-0.52666-1.8111-1.9203-1.8887-2.7733 0.3147-0.82673 1.1179-2.0243 2.4277-2.3081 1.8522-0.36027 3.1828-0.0916 4.3293 0.73174 0.8537 0.6777 2.2279 1.8446 2.7009 2.6884-0.7752 1.0544-1.9109 1.5783-2.9959 2.1519z" stroke-width=".45064px" fill="#59f"/>
<path id="path2961-1-9" d="m1194 524.1c-0.1408 1.7369 0.9146 3.867 1.7189 4.6163 0.7518 0.90761 2.2102 1.3435 2.9877 1.1846 0.6443-0.55927 1.4799-1.7304 1.3637-3.1717-0.2009-2.0266-0.8125-3.3344-1.864-4.2951-0.8403-0.69714-2.2602-1.798-3.1407-2.0528-0.7166 1.1018-0.862 2.4296-1.0656 3.7186z" stroke-width=".45064px" fill="#59f"/>
<path id="path2961-8-7-6" d="m1189.2 523.4c-0.9423 1.4136-1.0433 3.8286-0.707 4.9183 0.2164 1.1966 1.2628 2.3801 2.0058 2.6751 0.8178-0.1229 2.0894-0.66507 2.6711-1.9674 0.786-1.8519 0.8793-3.3145 0.4305-4.723-0.3919-1.0649-1.0907-2.7982-1.7264-3.5054-1.1366 0.54871-1.8894 1.6083-2.674 2.6024z" stroke-width=".45064px" fill="#59f"/>
<path id="path2961-82-1-3" d="m1198.2 521.87c0.7826 1.5237 2.7591 2.6466 3.8129 2.7786 1.0924 0.29501 2.5256-0.22968 3.0873-0.83345 0.2439-0.85431 0.3296-2.3315-0.5127-3.4543-1.2154-1.5562-2.3989-2.2677-3.7668-2.4246-1.0567-0.0671-2.8023-0.11636-3.6632 0.20742-0.023 1.3476 0.5439 2.5353 1.0425 3.7263z" stroke-width=".45064px" fill="#59f"/>
<path id="path2961-8-4-1-7" d="m1185.9 520.37c-1.5616 0.42318-3.0757 2.1993-3.467 3.2673-0.5465 1.066-0.4505 2.7014-0.058 3.4455 0.6985 0.47684 1.9934 0.94983 3.2131 0.36008 1.7029-0.86747 2.6444-1.9208 3.1393-3.311 0.3339-1.0878 0.8309-2.901 0.7656-3.8855-1.1956-0.37376-2.4017-0.089-3.593 0.12355z" stroke-width=".45064px" fill="#59f"/>
<path id="path2961-8-4-5-5-88" d="m1184.7 515.78c-1.4996-0.63401-3.6834-0.13496-4.5732 0.49068-1.0154 0.52666-1.8111 1.9203-1.8887 2.7733 0.3147 0.82672 1.1179 2.0242 2.4277 2.308 1.8522 0.36027 3.1828 0.0916 4.3293-0.73174 0.8537-0.67769 2.2279-1.8446 2.7009-2.6884-0.7752-1.0544-1.9109-1.5783-2.996-2.1519z" stroke-width=".45064px" fill="#59f"/>
<path id="path2961-82-1-2-2" d="m1200.9 517.45c1.3208 0.99666 3.5519 1.0653 4.5522 0.68268 1.101-0.25456 2.1759-1.4077 2.4356-2.2173-0.1272-0.88355-0.6492-2.2515-1.8612-2.8595-1.7229-0.81996-3.0746-0.89623-4.3672-0.38649-0.9765 0.4424-2.5648 1.2284-3.2069 1.9288 0.5257 1.2216 1.5166 2.019 2.4475 2.8518z" stroke-width=".45064px" fill="#59f"/>
<path id="path2961-7-9" d="m1199.5 508.05c1.0045-1.3626 3.1253-2.1159 4.1848-2.0574 1.1223-0.0953 2.4557 0.67892 2.9174 1.375 0.1101 0.88624-0.031 2.3585-1.0331 3.3149-1.4362 1.317-2.712 1.8067-4.0851 1.7164-1.0523-0.12317-2.7815-0.38718-3.5811-0.86073 0.1831-1.3331 0.9235-2.4029 1.5971-3.4882z" stroke-width=".45064px" fill="#59f"/>
</g>
<path id="rect3972-6-9-0-8-1" d="m1293.5 362.7c-11.771-8.31-21.138-3.6145-37.783 2.1327 5.7993 15.522 4.4336 29.952 1.4787 47.199 16.581-7.5829 19.088-10.907 36.229-2.3966 14.575-15.353 14.203-33.567 0.076-46.936z" stroke="#acf" fill="#acf"/>
</g>
<path id="path7823-2-3" d="m492.11 928.2c-19.25-46.18 15.55-120.85 67.09-119.73" stroke="#4d4d4d" stroke-width="14" fill="none"/>
</g>
<path id="path7827-5" d="m609.27 945.53c20.118-6.7702 25.716-14.583 36.733-26.75 7.9201-10.25 17.077-26.349 19.152-39.024" stroke="#4d4d4d" stroke-width="14" fill="none"/>
</g>
</g>
<g id="g8882">
<g id="g8821" transform="matrix(1.0445 0 0 1.0445 -7.1776 -23.113)">
<path id="rect2960-9-6" d="m110.1 597.05c28.68-15.048 119.5-13.242 173.28-14.36l1.2521 7.3395c-90.214-0.96756-128.64 3.3067-154.13 7.8791-4.4108 0.79124-9.2778 1.7653-13.39 4.191-2.7946 1.6487-3.9155 3.2542-3.3984 4.7745 0.98089 2.8839 5.9821 0.37646 5.8798 0.68373-0.43774 1.3138-1.2276 5.8132-1.3568 6.4398-3.9077 1.4378-9.6852 0.15394-12.867-1.2491-5.7136-2.8123-6.0914-8.8324 4.7353-15.698h-0.00001l-0.00005-0.00001v-0.00002z"/>
<g id="g5457" transform="matrix(.59051 .032948 -.032948 .59051 472.67 403.76)">
<path id="path4275-4" d="m-285.58 327.4c13.383-7.3374 24.664-13.318 37.418-20.187 58.807 153.56 218.62 249.55 162.55 481.14-192.65-144.01-143.27-305.64-199.97-460.95z"/>
<path id="path4275-4-0" d="m-274.88 321.66 34.541-20.128c87.94 138.63 271.92 155.38 299.96 398-250.7-49.94-216.25-256.59-334.5-377.87z"/>
</g>
<rect id="rect4213" transform="rotate(.56206)" height="368.66" width="41.767" stroke="#000" y="454.63" x="286.79" stroke-width=".76349"/>
<path id="rect4213-7" d="m291.36 464.28 22.267 0.0938-1.6276 205.16h-21.479l0.83993-205.26z" stroke="#fff" stroke-width=".57666" fill="#fff"/>
<g id="g5669" stroke="#000" transform="matrix(1.4121 -.10191 .094199 1.484 -800.9 -28.973)">
<path id="path5606" stroke-width="2.1867" d="m756.94 417.79-33.136 15.595 3.0723-36.264 30.064 20.669z"/>
<path id="path5606-1" stroke-width="2.1867" d="m747.81 416.81 30.355 20.584 2.9435-35.416-33.298 14.832z"/>
<path id="path5630" stroke-width="2.1549" d="m763.23 417.28c-0.67308 8.0984-1.9378 16.122-11.213 14.673-9.428-1.4733-9.9289-7.4317-9.2559-15.53 0.67309-8.0984 2.0298-14.596 11.418-13.816 9.3885 0.78031 9.7236 6.5749 9.0505 14.673z"/>
</g>
<g id="g3463" stroke="#000" stroke-width="5" transform="matrix(.91545 0 0 .91545 14.285 88.646)">
<path id="path5714" d="m556.82 158.87c0 5.6484-4.0701 10.227-9.0909 10.227s-9.0909-4.5789-9.0909-10.227c0-5.6484 4.0701-10.227 9.0909-10.227s9.0909 4.5789 9.0909 10.227z" transform="matrix(.53412 -.046618 .046618 .53412 13.61 452.94)"/>
<path id="path5714-1" d="m556.82 158.87c0 5.6484-4.0701 10.227-9.0909 10.227s-9.0909-4.5789-9.0909-10.227c0-5.6484 4.0701-10.227 9.0909-10.227s9.0909 4.5789 9.0909 10.227z" transform="matrix(.53412 -.046618 .046618 .53412 14.124 478.01)"/>
<path id="path5714-1-1" d="m556.82 158.87c0 5.6484-4.0701 10.227-9.0909 10.227s-9.0909-4.5789-9.0909-10.227c0-5.6484 4.0701-10.227 9.0909-10.227s9.0909 4.5789 9.0909 10.227z" transform="matrix(.53412 -.046618 .046618 .53412 14.509 503.09)"/>
<path id="path5714-1-1-5" d="m556.82 158.87c0 5.6484-4.0701 10.227-9.0909 10.227s-9.0909-4.5789-9.0909-10.227c0-5.6484 4.0701-10.227 9.0909-10.227s9.0909 4.5789 9.0909 10.227z" transform="matrix(.53412 -.046618 .046618 .53412 13.428 529.08)"/>
<path id="path5714-1-1-5-2" d="m556.82 158.87c0 5.6484-4.0701 10.227-9.0909 10.227s-9.0909-4.5789-9.0909-10.227c0-5.6484 4.0701-10.227 9.0909-10.227s9.0909 4.5789 9.0909 10.227z" transform="matrix(.53412 -.046618 .046618 .53412 13.108 553.45)"/>
</g>
<path id="path3438" d="m321.9 850.86c-0.59587 60.74-45.785 110.52-101.74 109.97-39.072-0.38331-80.761-36.07-80.117-96.81 0.59586-56.22 49.786-100.62 105.75-105.46 55.753-4.8282 76.711 30.899 76.115 92.298z"/>
<g id="g4008" transform="matrix(.75083 -.13848 .13848 .75083 313.82 299.18)">
<path id="path3438-7" d="m-266.88 680.35c-0.78045 79.556-59.968 144.76-133.26 144.04-51.176-0.50204-105.78-47.243-104.93-126.8 0.78045-73.635 65.208-131.78 138.5-138.13 73.024-6.3238 100.47 40.471 99.694 120.89z"/>
<rect id="rect4213-0" transform="rotate(.56206)" height="482.86" width="54.705" stroke="#000" y="168.16" x="-317.09"/>
</g>
<g id="g3346" fill="#fff" transform="matrix(.76349 0 0 .76349 -54.246 318.67)">
<path id="path4088" d="m208.82 238.02c0 1.586-1.0102 2.8717-2.2564 2.8717s-2.2564-1.2857-2.2564-2.8717 1.0102-2.8718 2.2564-2.8718 2.2564 1.2857 2.2564 2.8718z" transform="matrix(1.8483 -.45075 .45075 1.8483 -282.16 -110.76)"/>
<path id="path4088-1" d="m208.82 238.02c0 1.586-1.0102 2.8717-2.2564 2.8717s-2.2564-1.2857-2.2564-2.8717 1.0102-2.8718 2.2564-2.8718 2.2564 1.2857 2.2564 2.8718z" transform="matrix(1.8483 -.45075 .45075 1.8483 -277.6 -101.31)"/>
<path id="path4088-1-4" d="m208.82 238.02c0 1.586-1.0102 2.8717-2.2564 2.8717s-2.2564-1.2857-2.2564-2.8717 1.0102-2.8718 2.2564-2.8718 2.2564 1.2857 2.2564 2.8718z" transform="matrix(1.8483 -.45075 .45075 1.8483 -271.38 -93.117)"/>
<path id="path4088-1-3" d="m208.82 238.02c0 1.586-1.0102 2.8717-2.2564 2.8717s-2.2564-1.2857-2.2564-2.8717 1.0102-2.8718 2.2564-2.8718 2.2564 1.2857 2.2564 2.8718z" transform="matrix(1.8483 -.45075 .45075 1.8483 -262.94 -89.686)"/>
<path id="path4088-1-1" d="m208.82 238.02c0 1.586-1.0102 2.8717-2.2564 2.8717s-2.2564-1.2857-2.2564-2.8717 1.0102-2.8718 2.2564-2.8718 2.2564 1.2857 2.2564 2.8718z" transform="matrix(1.8483 -.45075 .45075 1.8483 -254.62 -91.328)"/>
<path id="path4088-4" d="m208.82 238.02c0 1.586-1.0102 2.8717-2.2564 2.8717s-2.2564-1.2857-2.2564-2.8717 1.0102-2.8718 2.2564-2.8718 2.2564 1.2857 2.2564 2.8718z" transform="matrix(-1.8483 .45075 .45075 1.8483 532.56 -309.86)"/>
<path id="path4088-1-31" d="m208.82 238.02c0 1.586-1.0102 2.8717-2.2564 2.8717s-2.2564-1.2857-2.2564-2.8717 1.0102-2.8718 2.2564-2.8718 2.2564 1.2857 2.2564 2.8718z" transform="matrix(-1.8483 .45075 .45075 1.8483 532.85 -299.38)"/>
<path id="path4088-1-4-2" d="m208.82 238.02c0 1.586-1.0102 2.8717-2.2564 2.8717s-2.2564-1.2857-2.2564-2.8717 1.0102-2.8718 2.2564-2.8718 2.2564 1.2857 2.2564 2.8718z" transform="matrix(-1.8483 .45075 .45075 1.8483 531.1 -289.24)"/>
<path id="path4088-1-3-3" d="m208.82 238.02c0 1.586-1.0102 2.8717-2.2564 2.8717s-2.2564-1.2857-2.2564-2.8717 1.0102-2.8718 2.2564-2.8718 2.2564 1.2857 2.2564 2.8718z" transform="matrix(-1.8483 .45075 .45075 1.8483 524.76 -283.17)"/>
<path id="path4088-1-1-3" d="m208.82 238.02c0 1.586-1.0102 2.8717-2.2564 2.8717s-2.2564-1.2857-2.2564-2.8717 1.0102-2.8718 2.2564-2.8718 2.2564 1.2857 2.2564 2.8718z" transform="matrix(-1.8483 .45075 .45075 1.8483 516.92 -279.87)"/>
</g>
<g id="g4028-4" transform="matrix(.39550 -.27851 .26631 .37818 -52.91 694.55)">
<g id="g4040-8">
<g id="g4048-8" transform="matrix(.99769 -.071003 .064918 .99769 -61.717 -4.9232)">
<path id="path3202-2" d="m214.38 672.22c7.6099 9.5081-0.56515 70.343-0.84772 105.62-4.19-0.0706-5.8049 0-8.0521 0 0 0-2.3934-23.613-2.5564-40.709-0.18778-23.927-6.0211-12.462-18.761-0.81653-8.1987 7.4947-17.881 18.369-31.013 26.784-11.716 7.5078-19.52 13.069-31.063 16.994-11.593 3.9429-26.834 5.2146-37.174-3.0448-21.055-15.137 11.806-39.868 51.06-67.211 7.7264-5.382 17.448-11.884 25.632-16.804 6.8245-4.1027 21.738-13.049 30.29-18.073 9.5632-5.6175 15.227-11.145 22.486-2.7436z" fill="#f00"/>
<path id="path3977-4" d="m200.6 685.82c8.601 13.226-16.436 33.353-32.214 46.312-17.828 12.27-4.4978 3.9919-24.815 16.797-3.2687 2.0601-20.987 11.028-29.324 8.6069-12.598-3.658-17.619-7.2379-3.6106-19.886 6.8124-6.1509 17.021-11.996 26.83-19.999 9.9892-8.1508 23.103-16.907 32.085-22.455 16.477-10.177 26.305-17.146 31.05-9.376z" fill="#ff8080"/>
<g id="g5669-7-5" stroke="#f00" transform="matrix(.78663 .65701 -.54562 .68052 -261.86 -17.186)" fill="#ff8080">
<path id="path5606-4-5" stroke-width="2.1867" d="m756.94 417.79-33.136 15.595 3.0723-36.264 30.064 20.669z"/>
<path id="path5606-1-0-1" stroke-width="2.1867" d="m747.81 416.81 30.355 20.584 2.9435-35.416-33.298 14.832z"/>
<path id="path5630-9-7" stroke-width="2.1549" d="m763.23 417.28c-0.67308 8.0984-2.0995 15.434-11.488 14.654-9.3885-0.7803-9.654-7.4128-8.9809-15.511 0.67309-8.0984 2.0298-14.596 11.418-13.816 9.3885 0.78031 9.7236 6.5749 9.0505 14.673z"/>
</g>
</g>
</g>
</g>
<g id="g3182" stroke="#fca" transform="matrix(.36706 -.19782 .19782 .36706 -160.28 676.59)" fill="#fca">
<rect id="rect2960-9-4" transform="matrix(.67095 -.74151 .74147 .67098 0 0)" height="14.095" width="126.85" y="831" x="-343.3"/>
<rect id="rect2960-9-4-2" transform="matrix(-.68847 -.72527 -.72523 .68850 0 0)" height="14.095" width="126.85" y="272.53" x="-982.42"/>
</g>
<g id="g4028" transform="matrix(.37137 -.30996 .29638 .35510 -5.5017 697.34)">
<g id="g4040">
<g id="g4048" transform="matrix(.99769 -.071003 .064918 .99769 -61.717 -4.9232)">
<path id="path3202" d="m214.38 672.22c7.6099 9.5081-0.56515 70.343-0.84772 105.62-4.19-0.0706-5.8049 0-8.0521 0 0 0-2.3934-23.613-2.5564-40.709-0.18778-23.927-6.0211-12.462-18.761-0.81653-8.1987 7.4947-17.881 18.369-31.013 26.784-11.716 7.5078-19.52 13.069-31.063 16.994-11.593 3.9429-26.834 5.2146-37.174-3.0448-21.055-15.137 11.806-39.868 51.06-67.211 7.7264-5.382 17.448-11.884 25.632-16.804 6.8245-4.1027 21.738-13.049 30.29-18.073 9.5632-5.6175 15.227-11.145 22.486-2.7436z" fill="#f00"/>
<path id="path3977" d="m200.6 685.82c8.601 13.226-16.436 33.353-32.214 46.312-17.828 12.27-4.4978 3.9919-24.815 16.797-3.2687 2.0601-20.987 11.028-29.324 8.6069-12.598-3.658-17.619-7.2379-3.6106-19.886 6.8124-6.1509 17.021-11.996 26.83-19.999 9.9892-8.1508 23.103-16.907 32.085-22.455 16.477-10.177 26.305-17.146 31.05-9.376z" fill="#ff8080"/>
<g id="g5669-7" stroke="#f00" transform="matrix(.78663 .65701 -.54562 .68052 -261.86 -17.186)" fill="#ff8080">
<path id="path5606-4" stroke-width="2.1867" d="m756.94 417.79-33.136 15.595 3.0723-36.264 30.064 20.669z"/>
<path id="path5606-1-0" stroke-width="2.1867" d="m747.81 416.81 30.355 20.584 2.9435-35.416-33.298 14.832z"/>
<path id="path5630-9" stroke-width="2.1549" d="m763.23 417.28c-0.67308 8.0984-2.0995 15.434-11.488 14.654-9.3885-0.7803-9.654-7.4128-8.9809-15.511 0.67309-8.0984 2.0298-14.596 11.418-13.816 9.3885 0.78031 9.7236 6.5749 9.0505 14.673z"/>
</g>
</g>
</g>
</g>
<path id="rect2960-9-4-2-3" d="m259.41 906.43-24.555-81.751-5.2838 1.7487 24.555 81.751 5.2839-1.7487z" stroke="#fca" stroke-width=".38173" fill="#fca"/>
<path id="path2940-7-0-0-2-1-5" d="m133.28 954.74c9.0183 1.6393 18.413 9.8885 43.008-14.333 41.415-40.765 41.359 10.572 67.499-19.048 37.942-43.075 54.013 3.7172 77.036-14.794-29.793-98.991-94.953-256.36-134-309.55 8.0448-51.9 15.635-71.197 1.1625-80.154-36.012-15.965-51.501 51.069-103.19 21.912-7.0684 22.341 6.1751 28.881 33.494 72.879l0.00002 0.0001c-9.9976 58.772 15.67 212.66 14.995 343.09z" stroke="#f00" stroke-width="3.8175" fill="#f00"/>
<path id="path7823-2-7" d="m69.623 926.78c-31.243-42.41-11.576-123.14 43.457-126.99" stroke="#4d4d4d" stroke-width="14" fill="none"/>
<path id="path8673" d="m333.73 604.81c6.4594 12.468 15.513 27.417 33.167 41.435 51.757 33.655 100.28 85.311 106.71 154.36" stroke="#4d4d4d" stroke-width="8" fill="none"/>
<path id="path8673-2" d="m317.77 611.51c5.8899 12.747 6.7672 29.064 7.0187 51.606-6.7756 56.078 8.8644 129.42 61.911 178.94" stroke="#4d4d4d" stroke-width="8" fill="none"/>
<path id="path8729" d="m395.33 837.59c2.8625-21.679 1.7383-44.277 0.37108-55.505" stroke="#4d4d4d" stroke-width="8" fill="none"/>
<path id="path8729-0" d="m459.73 801.28c-20.112-8.5831-38.984-21.065-47.948-27.962" stroke="#4d4d4d" stroke-width="8" fill="none"/>
</g>
</g>
</g>
</g>
</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>Dancing Musical Notes</dc:title>
<dc:date>2011-07-24T18:58:51</dc:date>
<dc:description>Dancing musical notes dressed in clothing.</dc:description>
<dc:source>http://openclipart.org/detail/151591/dancing-musical-notes-by-artmaker</dc:source>
<dc:creator>
<cc:Agent>
<dc:title>Artmaker</dc:title>
</cc:Agent>
</dc:creator>
<dc:subject>
<rdf:Bag>
<rdf:li>Dancing</rdf:li>
<rdf:li>clip art</rdf:li>
<rdf:li>clipart</rdf:li>
<rdf:li>clothes</rdf:li>
<rdf:li>clothing</rdf:li>
<rdf:li>dance</rdf:li>
<rdf:li>dress</rdf:li>
<rdf:li>formal</rdf:li>
<rdf:li>fun</rdf:li>
<rdf:li>gown</rdf:li>
<rdf:li>happy</rdf:li>
<rdf:li>music</rdf:li>
<rdf:li>musical</rdf:li>
<rdf:li>notes</rdf:li>
<rdf:li>outfits</rdf:li>
<rdf:li>shirts</rdf:li>
<rdf:li>sing</rdf:li>
<rdf:li>singer</rdf:li>
<rdf:li>songs</rdf:li>
<rdf:li>tuxedo</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>
Side by Side

After

Width:  |  Height:  |  Size: 25 KiB