// NOW_STREAMING

The web playerthat breathes.

One embed snippet drops a self-theming HTML5 player onto any site. It pulls the dominant color straight from your cover art, scrolls synced lyrics, and remembers exactly where every listener left off.

LIVE DEMO
FREE FOREVER PLAN  ·  NO CARD  ·  LIVE IN 30s
cover
AUTO-THEME · LIVE
0:00
0:00
// WHY_RESONA

NOT JUST PLAYBACK. TUNED TO YOUR BRAND.

🎨

COVER-DRIVEN THEMING

The player samples the dominant color from each cover and re-skins itself live — every track ships a new mood.

canvas
🎼

SYNCED LYRICS

Line-by-line lyrics highlight and auto-scroll in lockstep with playback position. Drop in an LRC file and go.

lrc
💾

PERSISTENT STATE

Remembers position, volume, and pause state per listener — returning visitors pick up exactly where they stopped.

resume
📊

PLAY ANALYTICS

Per-player play counts and listener data land in one dashboard — no extra script, no third-party tag.

dashboard
📱

RESPONSIVE EVERYWHERE

Desktop, tablet, and phone layouts adapt automatically. One embed snippet runs across every breakpoint.

adaptive

STREAM BY URL

Paste an audio URL and it streams instantly — no uploads, no storage limits, no build step required.

zero-upload
// SONIC_ENGINE

BUILT FOR HOW MUSIC ACTUALLY SOUNDS.

🎧

LOSSLESS PIPELINE

Lossless audio, gapless playback, zero buffering — synced across every device at 24-bit/192kHz.

24-bit/192khz
🔊

REAL-TIME WAVEFORM

The cover-themed equalizer reacts to the live signal so the page moves with the music, not on a timer.

webaudio
🛠️

OWNED IN-HOUSE

Built and tuned in-house — your library, your queue, no noise. No platform lock-in, no licensing surprises.

no lock-in
// DEPLOY

30 SECONDS. PASTE AND IT PLAYS.

Build your queue in the Resona dashboard, copy the snippet, and drop it anywhere on your site.

— No framework needed. Plain HTML runs it.

<!-- drop where you want the player -->
<script src="https://cil101101.com/shop/resona/embed/p.js"
        data-player="your-id"></script>
// PRICING

START FREE. SCALE WHEN YOU NEED TO.

Free
£0/mo
Free forever — no card
  • 1 player
  • Unlimited tracks (stream by URL)
  • Cover-driven theming
  • Basic play analytics
START FREE →
BEST VALUE
CC All-Access
£6.99/mo
£59/yr — save 30%
  • Unlimited players
  • Custom skins & accent overrides
  • Synced lyrics (LRC)
  • Advanced analytics & API
  • Remove Resona branding
  • + every other CC platform
UPGRADE →
One plan · Every track · Cancel anytime — no contracts
// FAQ

QUESTIONS, ANSWERED.

What is Resona?

Resona is an embeddable HTML5 music player you add to any website with a single script tag. It re-themes itself from your cover art, supports synced lyrics, and remembers playback position.

Is Resona free?

Yes. The free plan includes one player with unlimited tracks and cover auto-theming. Pro features — unlimited players, custom skins, synced lyrics and advanced analytics — are included with CC All-Access at £6.99/month or £59/year.

What music can I use with Resona?

Resona plays audio you link by URL — your own tracks, podcasts, or royalty-free music. You are responsible for the rights to the audio you add; Resona stores no audio files, only the links.

How do I add Resona to my website?

Create a player in your dashboard, copy the one-line embed snippet, and paste it into your site's HTML. No framework or build step is required.

Does Resona work on any website?

Yes. The player renders inside a Shadow DOM so the host site's CSS can't break it, and it works on any HTML page — WordPress, static sites, or custom builds.

0:00