> For the complete documentation index, see [llms.txt](https://docs.webtonative.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.webtonative.com/website-plugins/wordpress/webtonative-media-player/webtonative-radio-player.md).

# WordPress Radio Player Plugin

The WebToNative Radio Player plugin allows you to configure and manage a customizable radio player for your WordPress site. It includes advanced features like synchronization with the native device media player, ensuring seamless playback control through notifications on mobile devices.

## Features

Here’s the updated documentation with the **native device media player sync** feature included:

* Enable or disable the radio player feature.
* Add, edit, and remove tracks with:
  * **Track Name**: The display name of the track.
  * **Track URL**: The media source URL.
  * **Image URL**: (Optional) Image for the track.
* **Native Media Player Sync**:
  * Syncs with the native device's media player.
  * Provides playback control via device notifications (play, pause, skip).
* Form validation ensures mandatory fields (Track Name and URL) are filled.

***

## **Settings**

1. Go to **Settings > WebToNative Radio Player**.

<figure><img src="/files/5pKzRHrU5RGdUkysNUbD" alt="" width="167"><figcaption></figcaption></figure>

2. Configure the following options:

<figure><img src="/files/2drJDbAQJ5cqugSVPiTs" alt=""><figcaption></figcaption></figure>

* **Enable Radio Player**: Toggle the checkbox to enable or disable the feature.
* **Add Tracks**:
  * Fill in the Track Name and Track URL (mandatory).
  * Optionally, provide an Image URL.
  * Use the **Add Track** button to add more tracks.
* **Remove Tracks**: Click the **Remove** button to delete a track.

3. Click **Save Changes** to update the settings.

***

## How to Use the Shortcode

To display the radio player on your site:

<figure><img src="/files/Z8c8g92tQDvkfbWtBBA7" alt=""><figcaption></figcaption></figure>

1. Add the shortcode <mark style="color:green;">**`[wtn_radio_player]`**</mark> to any post, page, or widget.
2. Ensure the plugin settings are configured, including enabling the player and adding at least one track.

Once added, the player will appear with:

* Track details (name, image).
* Playback controls (play, pause).
* Synchronization with the native device media player.

## **Validation**

* **Mandatory Fields**:
  * Track Name
  * Track URL
* If any mandatory fields are left empty, an error alert will be displayed, and the form will not be submitted until resolved.

***

## **Native Media Player Integration**

* Syncs media playback with the native device media player.
* Displays media information (e.g., track name, album art) in device notifications.
* Users can control playback (play, pause, skip) directly from the notification panel.

***