WebToNative
  • Getting started
  • Plugin Setup
    • OneSignal Set Up
    • Google AdMob Setup
    • In App Purchase - iOS Setup
    • In App Purchase - Android Setup
    • Firebase Notification Integration - iOS Setup
  • Social Login Integrations
    • Getting the SHA Key for Google Login
    • Create Google OAuth Client Id
    • Facebook Login Configuration
  • Javascript APIS
    • Getting Started
    • Status Bar
    • Pull To Refresh
    • Close App
    • Device Info
    • Clear App Cache
    • OneSignal Push Notification
    • Download Files
    • Printing Options
    • AdMob
    • Geo Location
    • Load In External Browser
    • Barcode Scan
    • In App Purchase - iOS Integration
    • In App Purchase - Android Integration
    • Social Login
    • Facebook App Events
    • Bottom Navigation
    • Clipboard
    • Screen Control
    • Background Location
    • Native Contacts
    • iOS App Tracking Transparency
    • Google Firebase Analytics
    • Haptic Feedback
    • Google Firebase Notification
    • Apps Flyer
    • App Review
    • Calender - iOS
    • Calendar - Android
    • Biometric Authentication
    • Media Player
    • Notification View
    • Offer Card
    • Cookie Update
    • App Launch Detection
    • Download Manager
    • Dynamic App Icon
    • File Sharing
  • Website Plugins
    • Wordpress
      • Push notification (WooCommerce)
      • In-App Purchase
        • In-App Purchase (IAP) Configuration Guide for iOS and Android
        • In-App Purchase (WooCommerce)
        • In-App Purchase
      • Offercard
      • Biometric Authentication
      • Social Login
      • Webtonative media player
        • WebToNative Radio Player
        • MediaPlayer Native Control
    • Bubble.io
      • Customize Status Bar
      • Device-Based Element Visibility
      • Pull to Refresh (Android)
      • OneSignal Push Notification
        • Set External ID
        • Send Push Notification
        • Set/Remove Email or SMS Phone
        • Set Tag
      • Close App
      • Get Device Info
      • Clear App Cache (Android)
      • Screen Control
      • Facebook Events
        • Regular
        • Purchase
      • AdMob
      • Offercard
      • In-App Purchase
        • In-App Purchase (Android/iOS)
        • Get IAP Canceled Subscription List (iOS)
      • Social Login
      • Biometric Authentication
  • Shopify
    • Social Login
    • In-App Purchase
      • In-app purchase
    • Push Notification
      • Abandoned Cart
    • Status Bar Customization
    • Native Device Visibilty
    • Set Onesignal Tags
    • Pull to Refresh
    • Account Deletion
    • Biometric Authentication
  • Upload Apps
    • Android App
    • Ios App
Powered by GitBook
On this page
  • Features
  • Settings
  • How to Use the Shortcode
  • Validation
  • Native Media Player Integration

Was this helpful?

  1. Website Plugins
  2. Wordpress
  3. Webtonative media player

WebToNative Radio Player

PreviousWebtonative media playerNextMediaPlayer Native Control

Last updated 4 months ago

Was this helpful?

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.

  1. Configure the following options:

  • 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.

  1. Click Save Changes to update the settings.


How to Use the Shortcode

To display the radio player on your site:

  1. Add the shortcode [wtn_radio_player] 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.