media server logo
Product user guide

Web players, VOD and audience access

Publish live or recorded media to browsers with format, adaptive playback, authorization, branding, event timing and PayPal pay-per-view controls.

Find it in CallabaLive & Video on-demand → Web players
What this module does

A Web player is the audience boundary. Verify the media first, then configure who may watch, what the page looks like and whether a scheduled or paid access step applies.

Before you start

  • A verified live source or finalized media file.

  • The audience policy: open, password, per-viewer credentials or PayPal pay-per-view.

  • Approved branding assets and event schedule when used.

Settings explained

These are the controls an operator needs to understand. Internal field names and implementation events are intentionally omitted.

Player and source

Connect one delivery-ready source.

Player name and active state

Operator identity and lifecycle state.

Player type

Choose the supported live or on-demand playback mode.

Input source

Select the verified live stream or file.

Port

Listener port when required by the selected player mode.

Playback

Tune browser delivery only when required.

Resolution and adaptive bitrate

Prepare the intended rendition behavior for the audience network.

HLS fragment and live-edge settings

Control latency and playlist depth for HLS delivery.

Change these only after baseline playback works.
Media type

Describe the live or recorded media behavior expected by the player.

Audience access

Choose one explicit admission model.

Open access

Anyone with the viewer URL can watch.

Shared password

One password protects the player.

Per-viewer credentials

Generate or assign email/password access for individual viewers.

PayPal pay-per-view

Require a configured PayPal payment and amount before playback.

The reviewed UI supports PayPal; do not promise arbitrary providers.

Presentation and event

Create the viewer-facing page.

Logo, cover and background

Upload or select approved player branding.

Event date and timezone

Show countdown/calendar behavior before the planned start.

Support email

Give viewers a contact for access or playback problems.

Safe first workflow

  1. 01

    Verify the input outside the player.

  2. 02

    Create the player, select its live or file source and start with default playback tuning.

  3. 03

    Choose exactly one audience access model and test both an allowed and denied session.

  4. 04

    Add branding and event details without hiding playback controls.

  5. 05

    Start the player and test the viewer URL in a clean desktop and mobile browser.

Workflow examples

Use this when

Publish a secure customer livestream

A live SRT or RTMP source should be available only to invited viewers.

Live ingestVerified source
Web playerHLS / browser delivery
Viewer accessPassword or credentials
BrowserAuthorized playback
Animated workflow diagram: Publish a secure customer livestream

How to build it

  1. 1

    Verify the live source and create a player from it.

  2. 2

    Choose shared-password or per-viewer credential access.

  3. 3

    Test a denied session before testing the valid credential.

  4. 4

    Share the viewer URL and credential through separate channels.

Use this when

Sell access to a scheduled replay

A finalized recording should open after a PayPal payment.

Recording fileVerified replay
VOD playerBrand + schedule
PayPalPayment gate
ViewerPlayback
Animated workflow diagram: Sell access to a scheduled replay

How to build it

  1. 1

    Preview the recording file and create an on-demand player.

  2. 2

    Configure the PayPal client and price in a non-production test first.

  3. 3

    Set event date/timezone and support email when the replay has a launch window.

  4. 4

    Complete the payment flow and verify playback in a new browser session.

Verify the result

  • A supported browser plays the expected source with audio.
  • An unauthorized session is denied and an authorized session succeeds.
  • Payment, countdown and support controls appear only when configured.
  • Branding remains readable across desktop and mobile layouts.

Troubleshooting

The page opens but video does not play

Check
  • Verify the source independently.
  • Check the player is active.
  • Test default HLS settings before custom fragments or ABR.
Then do this

Repair the media boundary first, then reintroduce playback tuning.

A valid viewer cannot pass authorization

Check
  • Confirm the selected access mode.
  • Check the exact credential or payment state.
  • Use a clean browser session.
Then do this

Correct the audience record without making the player public.