WordPress plugin • Block-first • Server-side tokens

WordPress Plugin Integration Guide

Use WebLiveHub Stream to embed WebLiveHub streaming content in WordPress by connecting your site to a Hosted Backend.

Get started PHP SDK Integration Guide
Note: This plugin is an integration path to the WebLiveHub hosted platform. If you want a deeper server-side integration, use the PHP SDK Integration Guide.

WordPress Integration

Embed streams using WebLiveHub Stream (block-first)

v1.0.4

WebLiveHub Stream is a WordPress plugin that embeds WebLiveHub streaming content by connecting your site to a WebLiveHub Hosted Backend.

Compatibility
  • Requires at least: WordPress 6.0
  • Tested up to: WordPress 6.9
  • Requires PHP: 8.0

How it works

  1. Your WordPress site connects to a Hosted Backend.
  2. The plugin generates embed tokens server-side (keep credentials out of posts/pages).
  3. The page renders the WebLiveHub player.

Prerequisites

  • A WebLiveHub account
  • A Hosted Backend created in the WebLiveHub Console
  • From Console (use placeholders in docs/public pages):
    • Hosted Backend Endpoint (URL): <YOUR_HOSTED_BACKEND_ENDPOINT_URL>
    • User ID: <YOUR_USER_ID>
    • Password: <YOUR_PASSWORD>
  • Streamer User ID for each embed: <STREAMER_USER_ID>

CTA links

WordPress.org link: (pending)

GitHub: https://github.com/weblivehub/wordpress-plugin

Get started

  1. Install and activate the plugin
  2. Go to WordPress Admin: Settings → WebLiveHub Stream
  3. Enter Hosted Backend Endpoint + User ID + Password, then Save
  4. Add the “WebLiveHub Stream” Gutenberg block and set Streamer User ID

Preferred usage

Primary recommendation: use the Gutenberg Block for the best editor UX.

  • Block: “WebLiveHub Stream” (weblivehub/stream)
  • Block fields: Streamer User ID, Hosted Backend (selection), User Identity (selection), Host Label (connect/live/live-client), Embed mode (lazy recommended / iframe), Player language (en, zh-Hant, es), Style (CSS string)

Host Label cheat sheet

Host Label When to use
connect test / PoC / general default
live streamer/broadcaster mode (upstream + controls)
live-client viewer mode (watch)
Advanced / legacy: shortcode usage

Positioning guidance: treat shortcode as an optional fallback for legacy workflows.

Basic
[weblivehub_stream streamer="STREAMER_USER_ID"]
Advanced
[weblivehub_stream streamer="STREAMER_USER_ID" host_label="live" width="100%" height="600px"]
[weblivehub_stream streamer="STREAMER_USER_ID" host_label="live" style="width: 100%; height: 600px; display: block;"]
Security note: Store Hosted Backend credentials only in Settings → WebLiveHub Stream. Do not paste credentials into posts/pages.
Need help? Contact support.