Instrument Classifier

\n \n \n \n \n `,\n {\n headers: { \"Content-Type\": \"text/html\" },\n },\n );\n}","createdAt",["D",1740550019322],"version",6,"currentUserHasLiked","likeCount","forkCount",1,"referenceCount","dependencyCount","commentCount","prCount","mergedPr",{"_129":130,"_131":132},"handle","uday_8897","profileImageUrl","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzJ0RGJmV3o4Mzl6aEtLdDBWQzl1ZUlRYnljYiJ9","forkedVal","interval","slug","uday_8897/musicalInstrumentIdentification","description","@jsxImportSource https://esm.sh/react@18.2.0","versions",[141,144,148,152,156,159,162],{"_117":118,"_142":-5,"_115":143,"_112":110},"prId",["D",1740550019322],{"_117":145,"_142":-5,"_115":146,"_112":147},5,["D",1739897665543],"0284b0fc-ee19-11ef-95fe-e6cdfca9ef9f",{"_117":149,"_142":-5,"_115":150,"_112":151},4,["D",1739897565599],"c6f34bac-ee18-11ef-ab00-e6cdfca9ef9f",{"_117":153,"_142":-5,"_115":154,"_112":155},3,["D",1739897523456],"add3ad42-ee18-11ef-91b7-e6cdfca9ef9f",{"_117":90,"_142":-5,"_115":157,"_112":158},["D",1739895279871],"748b5b02-ee13-11ef-b481-e6cdfca9ef9f",{"_117":122,"_142":-5,"_115":160,"_112":161},["D",1739890144401],"7f90d362-ee07-11ef-b6ae-e6cdfca9ef9f",{"_117":31,"_142":-5,"_115":163,"_112":164},["D",1739889861033],"d6ab27f2-ee06-11ef-99e6-e6cdfca9ef9f","recentThread","breadcrumbs","comments",[],"isOwner","routes/_app.v.$handle.$name.versions.$(version)",{"_93":172,"_173":174,"_94":175},"single","redirect","/v/uday_8897/musicalInstrumentIdentification/versions",{"_112":151,"_113":176,"_117":149,"_115":177,"_178":99,"_100":101,"_107":108,"_129":130,"_11":96,"_179":-5,"_180":-5,"_181":-5,"_169":26,"_135":136},"import React, { useState } from 'https://esm.sh/react@18.2.0';\nimport { \n View, \n Text, \n TouchableOpacity, \n ScrollView \n} from 'https://esm.sh/react-native@0.72.3';\n\n// Instrument configuration\nconst INSTRUMENT_CLASSES = [\n { name: 'piano', emoji: '🎹' },\n { name: 'guitar', emoji: '🎸' },\n { name: 'violin', emoji: '🎻' },\n { name: 'trumpet', emoji: '🎺' },\n { name: 'drums', emoji: '🥁' },\n { name: 'flute', emoji: '🎼' },\n { name: 'saxophone', emoji: '🎷' },\n { name: 'cello', emoji: '🎻' }\n];\n\n// Gradient Component (Web/Native compatible)\nconst LinearGradient = ({ colors, style, children }) => (\n \n {children}\n \n);\n\n// Confidence Bar Component\nconst InstrumentConfidenceBar = ({ name, emoji, confidence }) => {\n const getBarColor = () => {\n if (confidence > 0.7) return '#4CAF50';\n if (confidence > 0.4) return '#FFC107';\n return '#F44336';\n };\n\n return (\n \n {emoji}\n \n \n \n {(confidence * 100).toFixed(2)}%\n \n \n \n );\n};\n\n// Main App Component\nexport default function InstrumentClassifierApp() {\n const [recording, setRecording] = useState(null);\n const [result, setResult] = useState(null);\n const [error, setError] = useState(null);\n\n // Simulated Recording Functions (Web/Mobile compatible)\n const startRecording = async () => {\n try {\n // Web-compatible audio recording\n const stream = await navigator.mediaDevices.getUserMedia({ audio: true });\n setRecording(stream);\n } catch (err) {\n setError('Recording failed: ' + err.message);\n }\n };\n\n const stopRecording = async () => {\n if (!recording) return;\n\n // Simulated recording stop\n setRecording(null);\n await classifyAudio();\n };\n\n // File Upload Handler\n const handleFileUpload = async () => {\n try {\n // Web file input\n const input = document.createElement('input');\n input.type = 'file';\n input.accept = 'audio/*';\n \n input.onchange = async (e) => {\n const file = e.target.files[0];\n if (file) {\n await classifyAudio(file);\n }\n };\n \n input.click();\n } catch (err) {\n setError('File upload failed: ' + err.message);\n }\n };\n\n // Audio Classification\n const classifyAudio = async () => {\n try {\n // Simulated classification (replace with actual ML inference)\n const mockClassification = {\n instruments: INSTRUMENT_CLASSES.map(instrument => ({\n name: instrument.name,\n confidence: Math.random()\n })).sort((a, b) => b.confidence - a.confidence)\n };\n\n setResult(mockClassification);\n setError(null);\n } catch (error) {\n setError('Classification failed: ' + error.message);\n }\n };\n\n return (\n \n \n 🎵 Instrument Classifier\n \n \n \n \n \n {recording ? 'Stop Recording' : 'Record Audio'}\n \n \n\n \n \n \n OR\n \n \n \n\n \n \n Upload Audio File\n \n \n \n\n {error && (\n \n {error}\n \n )}\n\n {result && (\n \n \n Classification Results:\n \n {result.instruments.map((instrument) => (\n i.name === instrument.name)?.emoji || \n '🎵'\n }\n confidence={instrument.confidence}\n />\n ))}\n \n )}\n \n );\n}",["D",1739897565599],"valName","deletedAt","messageId","threadId","routes/_app","actionData","errors"]

musicalInstrumentIdentification

Version 4