A JavaScript library for visualizing audio frequencies and BPM as circular waves or sunburst charts using Web Audio API and ECharts.
CircularAudioWave is a JavaScript library that creates circular audio visualizations by analyzing frequencies and beats per minute (BPM) from audio files. It transforms audio data into dynamic circular wave or sunburst charts using the Web Audio API for audio processing and ECharts for rendering, providing an interactive way to visualize sound in web applications.
Frontend developers and web designers building audio-focused applications, music visualization tools, or interactive media projects that require engaging audio representations.
Developers choose CircularAudioWave for its specialized focus on circular audio visualizations, seamless integration with Web Audio API and ECharts, and the ability to automatically detect and sync visualizations with BPM, offering a unique alternative to linear waveform displays.
JS library for audio visualization in circular wave using Web Audio API and ECharts
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.
The library produces aesthetically pleasing circular wave and sunburst charts, as demonstrated in the demo GIFs, making audio data exploration intuitive and engaging.
Automatically analyzes beats per minute using Web Audio API, based on José M. Pérez's research, syncing visual elements with audio rhythm without additional setup.
Leverages ECharts for high-performance chart rendering, ensuring smooth animations and professional-quality visuals, as noted in the integration details.
With just two main methods, loadAudio and play, and minimal configuration options, it's easy to integrate and start visualizing audio quickly from the provided examples.
Only works on browsers supporting Web Audio API, explicitly stated in the README, excluding older browsers and some mobile platforms without this feature.
Configuration is minimal with only mode and loop settings, offering little control over colors, sizes, or interactivity beyond the basic visualizations.
Relies on the full ECharts library, which can significantly increase bundle size and may cause conflicts if other charting tools are already in use.