MelodyMorph is a web-based audio visualizer built with Python Flask and Gunicorn. It allows you to upload audio files and visualize the audio data in real-time using various visualization modes.
Note: This project is currently in the development phase.
- Upload and play audio files
- Real-time visualization of audio data
- Multiple visualization modes (waveform, spectrogram, frequency bars, 3D visualization, and more)
- Playback control (play, pause, stop)
- Volume and playback speed adjustment
The live deployment of MelodyMorph can be accessed at MelodyMorph Live Webpage.
- Python 3.10
- Flask
- Gunicorn
- Web browser with Web Audio API support
- Clone the repository:
git clone https://github.com/BhaskarAcharjee/MelodyMorph.git- Navigate to the project directory:
cd MelodyMorph- Install the required Python dependencies:
pip install -r requirements.txt- Install the required Node.js development dependencies:
npm install- Build the JavaScript bundle:
npm run bundle- Build the Docker image:
docker build -t melody-morph .- Run the Docker container:
docker run -p 5000:5000 melody-morph- Open your web browser and visit
http://localhost:5000to access MelodyMorph.
- Click on the "Choose File" button to select an audio file.
- Click on the "Play" button to start playing the audio and visualize it.
- Use the playback control buttons (pause, stop) to control the audio playback.
- Adjust the volume and playback speed using the sliders.
- Select different visualization modes using the mode buttons.
- Explore the audio visualizations and enjoy!
- Waveform: Displays the amplitude of the audio signal over time as a continuous waveform.
- Spectrogram: Represents the audio frequency spectrum over time using a color-coded intensity plot.
- Frequency Bars: Visualizes audio frequency bands as vertical bars with varying heights.
- Circular Visualization: Audio-reactive shapes distributed around the center forming a circle.
- Time-Frequency Heatmap: Shows the audio spectrum with color-coded cells based on amplitude and frequency.
- Audio Reactive Shapes: Various shapes and sizes change with the music's amplitude and frequency.
- Fractals: Displays self-replicating geometric patterns that change in response to audio data.
- Spectrum Waterfall: A cascading visualization of the audio spectrum over time.
- Particle System: Animated particles moving or emitting based on audio data.
- Frequency Rings: Divides the canvas into rings, each representing a different frequency range.
- 3D Visualization: Three-dimensional shapes that rotate and change with the music.
- Kaleidoscope: Mirrored shapes and patterns that change with the music.
- Glitch Art: Visual distortions and glitches triggered by audio events.
- Motion Trails: Visualizes motion paths of audio-reactive objects over time.
- VU Meter: Classic volume unit meter that shows audio level intensity.
- Neon Glow: Vibrant neon colors and glows that pulse with the music.
- Geometric Patterns: Audio-reactive geometric shapes arranged in intricate patterns.
- Audio Fireworks: Firework-like particles that burst on audio events.
- Spectrum Flowers: Flowers that bloom and change colors based on audio frequencies.
- Pixelation: Pixels that change color and size according to audio data.
- Audio Tornado: Audio-reactive tornado-like spirals moving across the canvas.
- Audio Rain: Raindrops that fall and splash based on audio intensity.
- Audio Metronome: Metronome-like visuals pulsing to the beat of the music.
- Audio Jellyfish: Jellyfish-like creatures floating and pulsating with audio.
- Fractal Tree: Recursive tree-like patterns synced with audio.
- Audio Galaxy: Mesmerizing galaxy visualization with audio sync.
Contributions are welcome! If you find any issues or have suggestions for improvement, please open an issue or submit a pull request.
This project is licensed under the MIT License.