🎵 Musical Instrument Explorer

\n\n \n {INSTRUMENTS.map((instrument) => (\n setSelectedInstrument(instrument)}\n style={{\n border: \"1px solid #ddd\",\n borderRadius: \"8px\",\n padding: \"10px\",\n cursor: \"pointer\",\n transition: \"all 0.3s\",\n backgroundColor: selectedInstrument?.name === instrument.name ? \"#f0f0f0\" : \"white\",\n }}\n >\n {instrument.emoji}\n

{instrument.name}

\n \n ))}\n \n\n {selectedInstrument && (\n \n

{selectedInstrument.emoji} {selectedInstrument.name}

\n Family: {selectedInstrument.family}\n

{selectedInstrument.description}

\n Sound Characteristics: {selectedInstrument.soundCharacteristics}\n

\n \n )}\n\n

\n \n \n Identify Instrument\n \n

\n\n {result && (\n

Result:

Predicted Instrument: {result.instrument}

Confidence: {(result.confidence * 100).toFixed(2)}%

\n )}\n \n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\nif (typeof document !== \"undefined\") { client(); }\n\nexport default async function server(request: Request) {\n if (request.method === \"POST\" && new URL(request.url).pathname === \"/identify\") {\n try {\n const formData = await request.formData();\n const audioFile = formData.get(\"audio\");\n\n if (!(audioFile instanceof File)) {\n return new Response(JSON.stringify({ error: \"No file uploaded\" }), { status: 400 });\n }\n\n const audioBytes = await audioFile.arrayBuffer();\n const result = await identifyInstrument(audioBytes);\n\n return new Response(JSON.stringify(result), {\n headers: { \"Content-Type\": \"application/json\" },\n });\n } catch (error) {\n return new Response(JSON.stringify({ error: error.message }), { status: 500 });\n }\n }\n\n return new Response(\n `\n \n \n Musical Instrument Explorer\n \n \n \n

\n \n \n \n `,\n {\n headers: { \"Content-Type\": \"text/html\" },\n },\n );\n}\n\nasync function identifyInstrument(audioBuffer: ArrayBuffer) {\n const instruments = INSTRUMENTS.map(i => i.name);\n const randomIndex = Math.floor(Math.random() * instruments.length);\n\n return {\n instrument: instruments[randomIndex],\n confidence: Math.random() * 0.5 + 0.5, // Random confidence between 0.5 and 1\n };\n}","deleted","subdomain","children",[],[103],"files",[147],"counts",{"_168":33,"_169":170,"_171":33,"_172":33},"pulls","branches",1,"forks","envVars","contents",[],"file",{"_107":148,"_99":103,"_149":119,"_150":-5,"_151":139,"_152":138,"_153":121,"_109":177,"_104":94,"_155":156,"_157":158,"_159":27,"_160":-5,"_102":178},["D",1739902497984],[103],"upstream","screenshots","emptyEnvVars","isNew","routes/_app.x.$handle.$name.code.$",{"_97":98,"_99":100,"_101":43,"_104":-7,"_102":103,"_105":185,"_145":189,"_164":193,"_175":194,"_173":196,"_179":-5,"_197":27,"_198":-5},{"_107":108,"_99":100,"_109":186,"_111":-5,"_112":27,"_113":114,"_115":-5,"_116":-5,"_12":117,"_118":119,"_120":121,"_122":-5,"_123":94,"_124":125,"_126":125,"_127":128,"_129":128,"_130":128,"_131":125,"_132":27,"_21":187,"_136":188},["D",1746207880278],{"_97":98,"_134":135},{"_104":138,"_99":43,"_107":139,"_140":108,"_141":-5,"_142":-5,"_143":-5,"_144":-5},[190],{"_107":148,"_99":103,"_149":119,"_150":-5,"_151":139,"_152":138,"_153":121,"_109":154,"_104":94,"_155":156,"_157":158,"_159":27,"_160":-5,"_161":191,"_102":192},[],[103],[190],{"_107":148,"_99":103,"_149":119,"_150":-5,"_151":139,"_152":138,"_153":121,"_109":177,"_104":94,"_155":156,"_157":158,"_159":27,"_160":-5,"_102":195},[103],[],"showCompareCallout","pull","routes/_app","actionData","errors"]