新增文字軌

在此示例中，您將學習如何構建應用程序以使用Dynamic Ingest將資產添加到現有視頻中。

概覽

在此示例中，我們一次顯示了一個帳戶20的視頻（使用CMS API），並允許用戶將WebVTT字幕添加到一個或多個顯示的視頻中。可以輕鬆修改樣本，以添加縮略圖和/或海報圖像，或者對視頻進行重新編碼。該示例的要點是超越基本的API請求，向您展示如何將它們組裝成一個真實的應用程序。

以下是應用程序邏輯的示意圖。

應用程式邏輯
應用程式邏輯

該應用程序還旨在供一個或多個帳戶上的多個用戶使用。它實際上並沒有執行此操作，但是在下面的說明中，您將看到掛鉤從某些後端系統提取用戶信息的位置。（或者，您可以像大多數API示例一樣向用戶詢問每次使用的帳戶ID和客戶端憑據。）

取得認證

得到一個client_id和client_secret，您需要轉到 OAuth UI 並註冊此應用程序：

這些是您將需要的權限：

動態提取權限
動態提取權限

您也可以通過 CURL 或郵遞員獲取憑據-請參閱：

如果您直接從 API 獲取憑據，則以下是您需要的權限：

                [
                  "video-cloud/video/all",
                  "video-cloud/ingest-profiles/profile/read",
                  "video-cloud/ingest-profiles/account/read",
                  "video-cloud/upload-urls/read"
                  ]

速率限制

看最佳實踐有關速率限制的信息。

該應用程序

原始碼

在此找到與此示例相關的所有代碼GitHub 倉庫 .

範例應用程式

看筆Dynamic Ingest API樣本：添加文本軌道通過 Brightcove 學習服務（ @rcrooks1969） 在代碼筆 .

使用編碼器

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

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

代理代理代碼

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