Audio Frequency Graph Generator

Audio Frequency Graph Generator is a reference tool for people who want to do web-based audio visualization.

Getting Started

1. Select buffer size
2. Add or remove frequency bins according to the needs
3. Load sample track or choose an local audio file
4. Click play to generate real-time frequency graph

Demo Page

Default buffer size: 512

Default frequency bins: [0, 5, 10, 50, 100, 200, 300, 400, 500]

Built With

• Web Audio API - To analyse the audio's frequency data in real-time
• Plotly.js - Used to draw frequency data
• Materialize - Used for the UI

Credit

Sample Audio: In My Clouds by LAKEY INSPIRED

Author

Haoran Zhang

License

This project is licensed under the MIT and Anti 996 License - see the MIT LICENSE and ANTI 996 LICENSE file for details