Music Player Premium

What is Music Player Premium?

Music Player Premium is a production-ready audio player component with features found in apps like Spotify and Apple Music. It supports multiple tracks, real-time frequency visualisation, looping canvas video backgrounds, 3D artwork tilt effects, and mobile lock screen integration. Built for portfolios, landing pages, artist sites, and music-focused web experiences that demand polish.

Core Features

• Real-time audio visualiser synced to the playing track, with Bars and Wave modes, adjustable sensitivity, bar count, color, and opacity

• Spotify-style canvas video that replaces album artwork with a looping video per track

• Native lock screen and browser media controls via the MediaSession API, including play, pause, skip, and seek

• Five design presets — Glass, Dark, Light, Neon, and fully Custom — with complete color control

• Interactive 3D artwork tilt with customisable glare, depth intensity, and smooth spring physics

• Built-in artist profile page with monthly listeners, follow button, tabs, and a scrollable track list

• Per-track favouriting, verified artist badges, and playlist drawer

• Keyboard shortcuts for play, pause, seek, and mute

• Single-instance playback — starting one player automatically pauses others on the page

Controls inside Framer

Design Preset

• Glass, Dark, Light, Neon, or Custom theme

• Full color override for card, text, accent, progress, and button elements

Display

• Toggle progress bar, time display, volume slider, playlist button, and shuffle/repeat controls

Tracks

• Title, artist, cover image, and audio file per track

• Optional canvas video, artist image, monthly listeners, favourite status, and verified badge per track

Visualiser

• Show/hide visualiser

• Style: Bars or Wave

• Position: Behind Artwork or Below Controls

• Bar count, color, opacity, and sensitivity

Canvas Video

• Enable or disable looping video replacement for album art

Lock Screen

• Toggle mobile lock screen and browser media control integration

3D Artwork

• Tilt intensity and glare toggle

Card Style

• Border radius, padding, blur amount, image radius, border, and shadow

Button Style

• Button size and gap

Artist Page

• Monthly listeners, follow button, play button, and tab visibility

• Follow link URL and listeners label text

Typography

• Custom font family and weight for title, artist, and time labels

Best use cases

• Music artist and label portfolio sites that need a premium, branded player

• SaaS and app landing pages showcasing audio features or media playback

• Creative agency and freelancer portfolios with background music or sound design showcases

• Event and festival websites with artist profiles and track previews

Music Player Premium gives your Framer site the audio experience your visitors expect.

Questions or custom requests?

We design and build custom Framer components. Get in touch at contact@teampixel.com.au.