建立玩家

在此範例中，您輸入您的帳戶資訊。同時，您也可以輸入媒體和媒體類型的 URL，或是視訊雲端視訊 ID。點擊該按鈕，將創建一個玩家並選擇顯示的玩家信息。

免責聲明

應用程式架構

這個應用程式的高階應用程式邏輯如下所示：

  1. 收集創建玩家所需的用戶數據
  2. 構建 JSON 數據結構以傳遞給 API 以創建玩家
  3. 按鈕點擊，執行 AJAX 調用來創建播放器
  4. 在 AJAX 調用成功執行以下操作：
    • 將 JSON 響應數據注入 HTML 頁面
    • 發佈播放器的呼叫功能
  5. 執行 AJAX 調用來發布播放器
  6. 在 AJAX 調用成功執行以下操作：
    • 將 JSON 響應數據注入 HTML
    • 動態構建顯示所選播放器信息並將其注入 HTML 頁面的 HTML

範例應用程式

原始碼

在中查找與此示例關聯的所有代碼這個 GitHub 存儲庫 .

範例應用程式

看筆創建播放器通過 Brightcove 學習服務（ @rcrooks1969） 在代碼筆 .

使用編碼器

以下是一些有效使用上述 CodePen 的提示：

  • 按一下「結果」按鈕，切換播放器的實際顯示。
  • 點擊HTML/CSS/JS按鈕顯示其中一種代碼類型。
  • 點擊在 CodePen 上編輯在右上角將此 CodePen 分叉到您自己的帳戶中。
  • 在此找到與此示例相關的所有代碼GitHub 倉庫 .

代理代理代碼

為了建立您自己的版本此頁面上的範例應用程式，您必須建立並裝載您自己的 Proxy。（布萊特灣學習服務所使用的代理只接受來自布萊特灣域的請求。）可以在以下位置找到一個示例代理，與我們使用的非常相似，但沒有阻止來自非 Brightcove 域的請求的檢查這個 GitHub 存儲庫 .您還可以在那裡找到使用它的基本說明，以及關於圍繞代理構建應用程序的更詳盡的指南使用 REST API .