About this Component
A fully featured adaptive music player for Framer that allows you to upload and play audio files like MP3, WAV, OGG, or M4A directly on your site. It features customizable colors, fonts, and container styles, plus dynamic background adaptation that matches your album art. Smooth album art transitions, intuitive playback controls, and interactive progress tracking make it the perfect audio solution for music portfolios, podcasts, and creative projects.
Features
Multiple Track Support
Upload and manage up to 20 tracks with titles, artists, and cover art.
Adaptive Background
Automatically adjusts the player background color based on the album art for a dynamic, immersive look.
Customizable Styling
Change colors, fonts, borders, and shadows to match your site’s design.
Album Art Crossfade
Smooth fading transitions between track covers for a polished experience.
Interactive Progress Bar
Click or drag to seek, with real-time hover tooltips showing timestamps.
Responsive Controls
Play, pause, skip, and previous buttons designed for both desktop and mobile.
Keyboard & Touch Support
Use spacebar to play/pause, arrow keys to seek, or swipe on touch devices.
Live Time Tracking
Displays elapsed and total time with easy-to-read formatting.
Tooltip Customization
Adjust tooltip padding, gap, font, and colors directly from Framer.
Container Style Options
Customize border radius, borders, and shadows for full design control.
Drag & Drop Friendly
Built to work smoothly in Framer without coding required.
Accessibility Ready
Keyboard navigable with ARIA labels for a better user experience.
