MusicPlayer_ThreeJS / README.md
AdityaAdaki
Initial commit
e1cef6b
metadata
title: Soundscape - 3D Music Visualizer
emoji: 🎵
colorFrom: green
colorTo: blue
sdk: docker
app_port: 7860

Soundscape - 3D Music Visualizer

An interactive 3D music visualization web application built with Flask, Three.js, and Web Audio API. Upload your music and watch it come to life with stunning 3D visualizations.

Features

  • Multiple visualization modes (Circular Bars, Sphere, Particles)
  • Audio file upload support (MP3, WAV, OGG, FLAC)
  • Metadata extraction and display
  • Playlist management
  • Dark/Light theme support
  • Responsive design
  • Real-time audio visualization

Technical Stack

  • Backend: Flask
  • Frontend: Three.js, Web Audio API
  • Audio Processing: Mutagen
  • Styling: CSS3 with modern features

Usage

  1. Click the upload button or drag and drop audio files
  2. Select visualization type from the dropdown
  3. Use player controls to manage playback
  4. Toggle between different visualization modes
  5. Enjoy the 3D visualization of your music!