CoolFace
Apppublic

LyndonCatan/audio-forensic-app

sourceHugging Faceupdated 8mo agoView on Hugging Face
1likes
App README

Audio Forensic Detector

Advanced Audio Analysis & Instrument Detection System

๐Ÿš€ Live Demo

Visit the live application: Audio Forensic Detector on Render

Features

  • โ€”๐ŸŽต Real-time audio recording and analysis
  • โ€”๐Ÿ“ Audio file upload support (MP3, WAV, M4A, OGG)
  • โ€”๐Ÿ” Comprehensive forensic audio analysis
  • โ€”๐Ÿ“Š Interactive visualizations and sonar view
  • โ€”๐Ÿ“„ PDF report generation
  • โ€”โš™๏ธ Configurable analysis settings
  • โ€”๐Ÿ’พ Cloud database storage (Supabase)

Technology Stack

  • โ€”Frontend: Next.js 14, React 18, TypeScript
  • โ€”Styling: Tailwind CSS, Radix UI
  • โ€”Audio Processing: Web Audio API, Canvas API
  • โ€”Database: Supabase (PostgreSQL)
  • โ€”PDF Generation: jsPDF
  • โ€”Deployment: Render

Local Development

  1. 1.Clone the repository
  2. 2.Install dependencies: npm install
  3. 3.Set up environment variables in .env.local
  4. 4.Run development server: npm run dev
  5. 5.Open http://localhost:3000

Environment Variables

\\\env NEXT_PUBLIC_SUPABASE_URL=your_supabase_url NEXT_PUBLIC_SUPABASE_ANON_KEY=your_supabase_anon_key \\\

Browser Requirements

  • โ€”Modern browser with Web Audio API support
  • โ€”HTTPS connection for microphone access
  • โ€”JavaScript enabled

Deployment

This project is optimized for Render deployment with:

  • โ€”Automatic builds from Git
  • โ€”Environment variable configuration
  • โ€”Production optimizations
  • โ€”Static asset handling

License

MIT License - see LICENSE file for details

Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference