> ## Documentation Index
> Fetch the complete documentation index at: https://docs.webradioplayers.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Players Overview

> Create, manage, and deploy custom audio players directly to your own website.

The **Embeddable Players** feature allows you to take the powerful audio engine of WebRadioPlayers and drop it directly into your existing website, blog, or CMS (like WordPress, Ghost, or Webflow).

## Why use our Embeddable Players?

Building a web audio player from scratch that works flawlessly across all devices is notoriously difficult. Modern mobile browsers (especially Safari on iOS) heavily restrict audio contexts to save battery and data.

Our embeddable widgets handle all of this heavy lifting for you in the background.

* **Bulletproof Audio:** No more silent streams on iPhones. We ensure your audio context unlocks the microsecond a user taps play.
* **Fully Customizable:** Change colors, sizes, and layouts so the widget looks like a native part of your website, not a third-party add-on.
* **Multi-Stream Switching:** Allow your listeners to flip between your different channels (e.g., from *Jazz* to *Deep House*) directly inside a single player.
* **Live Metadata & Artwork:** The player automatically pulls real-time track information and album art for the currently playing song.

***

## How it Works

Building and deploying a player to your website follows a simple, logical workflow. Click through the guides below to build your first widget.

<CardGroup cols={2}>
  <Card title="1. Select & Theme" icon="palette" href="/players/player-selection">
    Choose your ideal player layout and apply your brand's custom theme.
  </Card>

  <Card title="2. Configure the UI" icon="sliders" href="/players/player-configuration">
    Fine-tune features, connect your streams, and set up domain restrictions.
  </Card>

  <Card title="3. Preview & Get Code" icon="code" href="/players/code-preview">
    Test your widget in real-time and copy your lightweight embed snippet.
  </Card>

  <Card title="4. Embed on Your Site" icon="browser" href="/players/embed-html">
    Follow platform-specific instructions for standard HTML, WordPress, or Popup windows.
  </Card>
</CardGroup>