media server logo
製品ユーザーガイド

Web プレーヤー、VOD、視聴者アクセス

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

Callaba での場所Live & Video on-demand → Web players
このモジュールの役割

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.

開始前の準備

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

設定の説明

運用者に必要なコントロールだけを説明し、内部フィールド名や実装イベントは表示しません。

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.

安全な初回ワークフロー

  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.

ワークフロー例

使用する状況

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
アニメーション付きワークフロー図: Publish a secure customer livestream

構築手順

  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.

使用する状況

Sell access to a scheduled replay

A finalized recording should open after a PayPal payment.

Recording fileVerified replay
VOD playerBrand + schedule
PayPalPayment gate
ViewerPlayback
アニメーション付きワークフロー図: Sell access to a scheduled replay

構築手順

  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.

結果を確認

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

トラブルシューティング

The page opens but video does not play

確認項目
  • Verify the source independently.
  • Check the player is active.
  • Test default HLS settings before custom fragments or ABR.
次に行うこと

Repair the media boundary first, then reintroduce playback tuning.

A valid viewer cannot pass authorization

確認項目
  • Confirm the selected access mode.
  • Check the exact credential or payment state.
  • Use a clean browser session.
次に行うこと

Correct the audience record without making the player public.