Instrument Classifier

\n {fullName}\n

\n \n \n \n {(confidence * 100).toFixed(2)}%\n \n

\n \n \n \n {description}\n \n \n );\n};\n\nfunction App() {\n const [recording, setRecording] = useState(false);\n const [result, setResult] = useState(null);\n const [error, setError] = useState(null);\n const [audioBlob, setAudioBlob] = useState(null);\n const [isPlaying, setIsPlaying] = useState(false);\n const [audioUrl, setAudioUrl] = useState(null);\n const mediaRecorderRef = useRef(null);\n const audioChunksRef = useRef([]);\n const audioRef = useRef(null);\n const [currentTime, setCurrentTime] = useState(0);\n const [duration, setDuration] = useState(0);\n const [microphoneStream, setMicrophoneStream] = useState(null);\n\n // Audio Recording Functions\n const startRecording = async () => {\n try {\n // Directly request microphone access and start recording\n const stream = await navigator.mediaDevices.getUserMedia({ audio: true });\n setMicrophoneStream(stream);\n\n mediaRecorderRef.current = new MediaRecorder(stream);\n audioChunksRef.current = [];\n\n mediaRecorderRef.current.ondataavailable = (event) => {\n audioChunksRef.current.push(event.data);\n };\n\n mediaRecorderRef.current.onstop = async () => {\n // Stop all tracks to release microphone\n stream.getTracks().forEach(track => track.stop());\n \n const blob = new Blob(audioChunksRef.current, { type: \"audio/wav\" });\n const url = URL.createObjectURL(blob);\n setAudioBlob(blob);\n setAudioUrl(url);\n await classifyAudio(blob);\n };\n\n mediaRecorderRef.current.start();\n setRecording(true);\n } catch (err) {\n setError(\"Recording failed: \" + err.message);\n console.error(\"Microphone access error:\", err);\n }\n };\n\n const stopRecording = () => {\n if (mediaRecorderRef.current) {\n mediaRecorderRef.current.stop();\n setRecording(false);\n }\n };\n\n // Audio Playback Functions\n const togglePlayPause = () => {\n if (!audioRef.current) return;\n\n if (isPlaying) {\n audioRef.current.pause();\n setIsPlaying(false);\n } else {\n audioRef.current.play();\n setIsPlaying(true);\n }\n };\n\n // File Upload Handler\n const handleFileUpload = (event) => {\n const file = event.target.files[0];\n if (file) {\n const blob = new Blob([file], { type: file.type });\n const url = URL.createObjectURL(blob);\n setAudioBlob(blob);\n setAudioUrl(url);\n classifyAudio(blob);\n }\n };\n\n // Download Audio\n const downloadAudio = () => {\n if (!audioBlob) return;\n const link = document.createElement('a');\n link.href = audioUrl;\n link.download = 'recorded_audio.wav';\n document.body.appendChild(link);\n link.click();\n document.body.removeChild(link);\n };\n\n // Audio Classification\n const classifyAudio = async (audioFile) => {\n try {\n // Simulated classification (replace with actual ML inference)\n const convolutionalneuralnetworkClassification = {\n instruments: INSTRUMENT_CLASSES.map(instrument => ({\n name: instrument.name,\n fullName: instrument.fullName,\n description: instrument.description,\n confidence: Math.random(),\n })).sort((a, b) => b.confidence - a.confidence),\n };\n\n setResult(convolutionalneuralnetworkClassification);\n setError(null);\n } catch (error) {\n setError(\"Classification failed: \" + error.message);\n }\n };\n\n // Time Update Handlers\n const handleTimeUpdate = () => {\n if (audioRef.current) {\n setCurrentTime(audioRef.current.currentTime);\n }\n };\n\n const handleLoadedMetadata = () => {\n if (audioRef.current) {\n setDuration(audioRef.current.duration);\n }\n };\n\n const handleSeek = (e) => {\n if (audioRef.current) {\n const seekTime = parseFloat(e.target.value);\n audioRef.current.currentTime = seekTime;\n setCurrentTime(seekTime);\n }\n };\n\n // Format time in MM:SS\n const formatTime = (time) => {\n const minutes = Math.floor(time / 60);\n const seconds = Math.floor(time % 60);\n return `${minutes}:${seconds.toString().padStart(2, '0')}`;\n };\n\n return (\n \n \n 🎵 Instrument Classifier\n \n\n \n \n {recording ? \"Stop Recording\" : \"Record Audio\"}\n \n\n \n \n \n OR\n \n \n \n\n \n \n Upload Audio File\n \n \n\n {audioBlob && (\n \n \n \n {isPlaying ? \"Pause\" : \"Play\"}\n \n \n Download\n \n \n\n \n \n {formatTime(currentTime)}\n \n \n \n {formatTime(duration)}\n \n \n\n setIsPlaying(false)}\n />\n\n {audioUrl && (\n \n Audio Source:\n
\n {audioUrl}\n \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 confidence={instrument.confidence}\n />\n ))}\n \n )}\n\n \n View Source\n \n \n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\n\nif (typeof document !== \"undefined\") { client(); }\n\nexport default async function server(request: Request): Promise {\n return new Response(\n `\n \n \n Instrument Classifier\n \n \n \n \n

\n \n \n \n \n `,\n {\n headers: { \"Content-Type\": \"text/html\" },\n },\n );\n}","deleted","label",[98],"permalink","https://www.val.town/x/uday_8897/musicalInstrumentIdentification/code/main.tsx","extension","actionData","errors"]