# WebToNative Radio Player

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.

***


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.webtonative.com/website-plugins/wordpress/webtonative-media-player/webtonative-radio-player.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.