🎵 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}","createdAt",["D",1739902497984],"version","currentUserHasLiked","likeCount",1,"forkCount","referenceCount","dependencyCount","commentCount","prCount","mergedPr",{"_128":129,"_130":131},"handle","uday_8897","profileImageUrl","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzJ0RGJmV3o4Mzl6aEtLdDBWQzl1ZUlRYnljYiJ9","forkedVal","interval","slug","uday_8897/musical_Instrument_identification_confidence","description","@jsxImportSource https://esm.sh/react@18.2.0","versions",[140,143,146],{"_117":90,"_141":-5,"_115":142,"_112":110},"prId",["D",1739902497984],{"_117":120,"_141":-5,"_115":144,"_112":145},["D",1739902377547],"fb192144-ee23-11ef-a211-e6cdfca9ef9f",{"_117":31,"_141":-5,"_115":147,"_112":148},["D",1739902253839],"b15ba234-ee23-11ef-a401-e6cdfca9ef9f","recentThread","breadcrumbs","comments",[],"isOwner","routes/_app.v.$handle.$name.references",{"_156":157,"_122":31,"_158":135,"_159":31,"_94":160},"referenceList",[],"valname","page",{"_112":110,"_98":99,"_128":129,"_11":96,"_117":90,"_100":101,"_113":114,"_104":105,"_111":26,"_134":135},"routes/_app","actionData","errors"]