WordPress 外掛程式 · 區塊優先 · 伺服器端代幣

WordPress 外掛程式整合指南

使用 WebLiveHub 串流 透過將您的網站連接到 WordPress,將 WebLiveHub 串流內容嵌入到 WordPress 中 託管後端.

WordPress 整合

使用 WebLiveHub Stream 嵌入流(區塊優先)

v1.1.0

WebLiveHub Stream 是一個 WordPress 外掛程式,透過將您的網站連接到 WebLiveHub 來嵌入 WebLiveHub 串流內容 託管後端.

相容性

  • 至少需要:WordPress 6.0
  • 已測試:WordPress 6.9
  • 需要 PHP: 8.0

它是如何運作的

  1. 您的 WordPress 網站連接到託管後端。
  2. 此外掛程式生成嵌入令牌 伺服器端 (將憑證保留在貼文/頁面之外)。
  3. 此頁面呈現 WebLiveHub 播放器。

開始前準備

你需要一個可管理的 WordPress 網站,以及已為主播準備好的 WebLiveHub 連線。

  • 在 Console → Hosted Backends 複製要使用的後端服務 URL。該後端的 Allowed Origins 必須包含你的 WordPress 網站來源網址(origin)。
  • 在 Console → Users 找出已授權的連線身分及主播的公開 User ID。連線密碼屬於該串流身分,不是 WordPress 管理員密碼,也不是 Google 登入密碼。
  • 主播頁面須使用相符的主播帳戶。請直接在 WordPress 設定中輸入連線密碼;不要把密碼放在頁面內容或支援訊息中。
  • 使用可存取攝影機和麥克風的瀏覽器,並在瀏覽器及作業系統權限中允許使用這兩項裝置。

如果帳戶、後端或主播身分尚未準備好,請透過聯絡頁面提供網站網址及預計用途。請勿傳送密碼或 token。

建立主播頁面

  1. 從 v1.1.0 Release 下載 Source code (zip)。在 WordPress 依序開啟 Plugins → Add New Plugin → Upload Plugin,安裝 ZIP 並啟用 WebLiveHub Stream。
  2. 開啟 Settings → WebLiveHub Stream。使用 Quick Setup 儲存 Hosted Backend 服務 URL,以及相符的連線身分和密碼。儲存只表示設定已寫入;仍須按下方步驟確認開播。
  3. 在建立頁面的區域選擇主播用途,輸入相符主播的公開 User ID,然後建立頁面草稿。若有多組連線,請明確選擇後端及身分。
  4. 檢查草稿中已填入的區塊,預覽頁面,確認後再發布。建立草稿不會自動發布頁面。
  5. 開啟主播頁面,在瀏覽器及作業系統中允許攝影機和麥克風,並使用頁面上的開始控制項進行本次活動。
  6. 確認載入遮罩已隱藏或取消,而且主播計時器已開始。活動結束時,使用介面結束直播。

下次有真實活動時,重用這個主播頁面,並再次確認上述開播訊號。

重用主播頁面

保留可正常使用的主播頁面供日後活動重用。需要更改主播或版面時,可編輯頁面中現有的 WebLiveHub Stream 區塊。

手動加入區塊、多組連線、短碼及自訂 CSS 仍可用於進階設定;使用 Quick Setup 和建立草稿的流程時,不必先做這些操作。

如果裝置權限遭拒或載入持續進行,請檢查瀏覽器及作業系統中的攝影機和麥克風權限。聯絡支援時,請說明進行到哪一步、外掛及瀏覽器版本,並提供已移除密碼和 token 的可見錯誤訊息。

主機標籤備忘錄

主機標籤使用
主機標籤何時使用
連接測試/PoC/一般預設
觀看串流媒體/廣播模式(上游+控制)
即時客戶端檢視器模式(觀看)
進階/舊版:簡碼使用

定位指南:將短代碼視為遺留工作流程的可選後備方案。

基本的

[weblivehub_stream streamer="STREAMER_USER_ID"]

先進的

[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;"]

安全說明: 僅將託管後端憑證儲存在 設定 → WebLiveHub 串流。不要將憑證貼到貼文/頁面中。

有真實的 WordPress 直播用途嗎?請聯絡我們討論設定。請附網站網址及預計首次使用日期;未定可寫「未定」。請勿傳送密碼或 token。