Getting started

Web Player Widget

The Web Player Widget lets you embed a fully functional stream player on your website. Listeners can tune in directly from your site without downloading your app.

Accessing Web Player Widget

Navigate to Widgets β†’ Player or visit /widgets/player.

Web Player Widget configuration

Configuring the Player

Customize the widget appearance and behavior:

  • Position β€” Fixed corner player or inline embedded player

  • Main Color β€” Primary brand color for player controls

  • Secondary Color β€” Accent color for highlights and buttons

  • Width/Height β€” Player dimensions (pixels or percentage)

  • Show Preroll β€” Display a message or ad before stream starts

  • Show Recent Songs β€” Display recently played tracks below player

Use brand colors that match your website for a seamless look. The player will feel like a native part of your site.

Embedding the Widget

After configuring, click Generate Snippet to get the embed code. Copy the code and paste it into your website's HTML where you want the player to appear.

<!-- Example embed code -->
<div id="nobex-player"></div>
<script src="https://player.nobexpartners.com/embed.js"></script>

Player Features

The embedded player includes:

  • Play/pause controls

  • Volume adjustment

  • Now-playing track info with album art

  • Link to download your mobile app

  • Responsive design that works on mobile and desktop

The widget updates automatically when you change stream settings or branding in your dashboardβ€”no need to update embed code.

Was this helpful?