Modern Web Audio Player 🎵

A feature-rich web audio player with real-time visualization using Web Audio API and CanvasJS.

Features

• 🎧 Modern UI with dark theme
• 📊 Real-time audio visualization
• 📻 Playlist management
• ⏯ Play/Pause/Next/Previous controls
• 🔊 Volume control with mute
• ⏱ Time seek functionality
• 📱 Responsive design

Live Demo

Try it here

Installation

1. Clone the repo:

git clone https://github.com/vishwas-r/audio-player-canvasjs-visualizer.git

2. Open in browser:

cd modern-web-audio-player
open index.html

Usage

• Add your MP3 URLs in the songs array in script.js
• Customize styling in styles.css
• Host or open locally

Customization

• Modify colors in :root CSS variables
• Adjust visualization parameters in analyzer.fftSize
• Add/remove playlist items
• Change chart type (column, line, area)

Dependencies

• CanvasJS (CDN)
• Web Audio API (native)

Contributing

Pull requests welcome!

License

MIT