DJ Salad Spinner

Spin the platter. Bend the beat. No Node server required.

PRAISE
CAGE

Speed0 RPM

Playback0.00×

\n \n

Hall sensor OUT → Arduino pin 9

Connection debug

Waiting to connect…

\n \n

\n \n \n \n\n\n",[145],"9ae28591-a76f-4375-be07-2b2086ae7920","app.js","369c6124-9d9e-11f1-9cd3-1607ee4eb77e",5,["D",1787343827173],"\"use strict\";\n\nconst connectButton = document.querySelector(\"#connect\");\nconst statusElement = document.querySelector(\"#status\");\nconst logElement = document.querySelector(\"#log\");\nconst rpmElement = document.querySelector(\"#rpm\");\nconst rateElement = document.querySelector(\"#rate\");\nconst platter = document.querySelector(\"#platter\");\nconst audio = document.querySelector(\"#audio\");\n\nlet lastPulseAt = 0;\nlet smoothedRpm = 0;\nlet stoppedTimer = 0;\n\nfunction setSpeed(rpm) {\n smoothedRpm = rpm;\n const rate = rpm > 0 ? Math.min(2, Math.max(0.25, rpm / 240)) : 0;\n rpmElement.textContent = Math.round(rpm);\n rateElement.textContent = rate.toFixed(2);\n platter.classList.toggle(\"spinning\", rpm > 0);\n\n if (rpm > 0) {\n audio.playbackRate = rate;\n audio.play().catch(error => {\n statusElement.textContent = \"Press play once to enable audio: \" + error.message;\n });\n } else {\n audio.pause();\n }\n}\n\nfunction recordRevolution(now) {\n if (lastPulseAt) {\n const instantaneousRpm = 60000 / (now - lastPulseAt);\n smoothedRpm = smoothedRpm\n ? smoothedRpm * 0.7 + instantaneousRpm * 0.3\n : instantaneousRpm;\n setSpeed(smoothedRpm);\n }\n lastPulseAt = now;\n clearTimeout(stoppedTimer);\n stoppedTimer = setTimeout(() => {\n lastPulseAt = 0;\n setSpeed(0);\n }, 1500);\n}\n\nconnectButton.addEventListener(\"click\", async () => {\n connectButton.disabled = true;\n logElement.textContent = \"\";\n\n // Bless the audio element during the user gesture. It is paused immediately;\n // Hall-sensor events can start it later without an autoplay rejection.\n try {\n await audio.play();\n audio.pause();\n audio.currentTime = 0;\n } catch (_) {}\n\n try {\n const five = window.JohnnyFiveWebSerial;\n const board = await five.connect({\n onStatus(phase) {\n const labels = {\n \"selecting-port\": \"Choose your Arduino USB port…\",\n \"opening-port\": \"Opening USB serial…\",\n \"firmata-handshake\": \"Talking to StandardFirmataPlus…\",\n \"johnny-five-init\": \"Starting Johnny-Five…\",\n ready: \"Connected — spin the platter!\",\n };\n statusElement.textContent = labels[phase] || phase;\n },\n onDebug(entry) {\n const detail = entry.detail === undefined\n ? \"\"\n : \" \" + (typeof entry.detail === \"string\"\n ? entry.detail\n : JSON.stringify(entry.detail));\n logElement.textContent += \"[\" + entry.time + \"] \" + entry.message + detail + \"\\n\";\n logElement.scrollTop = logElement.scrollHeight;\n },\n });\n\n const led = new five.Led({ board, pin: 13 });\n const hall = new five.Sensor.Digital({ board, pin: 9, freq: 25 });\n\n hall.on(\"change\", value => {\n if (value === 0) {\n led.on();\n recordRevolution(performance.now());\n } else {\n led.off();\n }\n });\n\n connectButton.textContent = \"Arduino connected\";\n statusElement.textContent = \"Connected — spin the platter!\";\n } catch (error) {\n statusElement.textContent = error.message;\n logElement.textContent += \"ERROR: \" + (error.stack || error.message) + \"\\n\";\n connectButton.disabled = false;\n }\n});\n",[152],"893e1a8d-7a1d-4162-a228-df106a0a4934","vendor","161065f6-62e8-4758-9d60-0362dabb025e",2,["D",1787343776296],"directory",[159],"pulls","branches","forks","envVars",{"_172":64,"_174":64},"connections",{"_172":64,"_173":64},"count","unfilledCount","emptyCount",{"_44":158,"_32":159,"_30":160,"_134":-5,"_42":43,"_41":161,"_136":60,"_39":194,"_13":64,"_34":163,"_36":-5,"_24":25,"_141":-5,"_181":195,"_27":196},{"_44":190,"_32":33,"_30":31,"_134":160,"_42":43,"_41":14,"_136":60,"_39":191,"_13":138,"_34":35,"_36":38,"_24":25,"_141":-5,"_181":192,"_27":193},{"_44":151,"_32":152,"_30":153,"_134":-5,"_42":43,"_41":154,"_136":25,"_39":187,"_13":64,"_34":35,"_36":156,"_24":25,"_141":-5,"_181":188,"_27":189},{"_44":144,"_32":145,"_30":146,"_134":-5,"_42":43,"_41":147,"_136":25,"_39":184,"_13":64,"_34":20,"_36":149,"_24":25,"_141":-5,"_181":185,"_27":186},{"_44":132,"_32":133,"_30":58,"_134":-5,"_42":43,"_41":135,"_136":25,"_39":180,"_13":138,"_34":139,"_36":140,"_24":25,"_141":142,"_181":182,"_27":183},["D",1787343825777],"children",[],[133],["D",1787343826446],[],[145],["D",1787343827173],[],[152],"52f6d23e-99fe-4721-a3f7-fb493d8e4451",["D",1787345386559],[],[159,33],["D",1787343776296],[176],[159],["D",1787343586883],{"_98":97,"_105":101},{"_98":97,"_99":-5,"_100":101,"_18":56,"_102":103,"_104":25},{"_13":87,"_32":88,"_44":43,"_89":45,"_90":-5,"_91":-5,"_92":-5,"_93":-5,"_94":-5,"_95":46,"_96":97},"ctx",{"_80":-5,"_125":234,"_235":236,"_237":238,"_239":25,"_240":25,"_241":25,"_242":60,"_243":-5,"_244":-7,"_245":-7,"_246":64,"_247":25,"_248":25,"_249":-5,"_250":25,"_251":25,"_252":25,"_253":-5},"ENV",{"_205":206,"_207":208,"_209":88,"_210":211,"_212":213,"_214":215,"_216":217,"_218":219,"_220":221,"_222":223,"_224":225,"_226":227,"_228":229,"_230":231,"_232":233},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","fdb67791413f4386b4dbf18f354029a617f6160f","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Diff · v6