添加文字軌道

在此示例中，您將學習如何構建應用程序以使用Dynamic Ingest將資產添加到現有視頻中。請注意，此示例適用於動態投放帳戶和舊版提取帳戶。

概述

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

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

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

獲取憑證

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

管理API身份驗證憑據

這些是您將需要的權限：

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

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

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

限速

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

該應用程序

示例應用程序嵌入在下面的CodePen中。

在此找到與此樣本相關的所有代碼 GitHub存儲庫.

見筆 Dynamic Ingest API 示例：添加文本軌道通過Brightcove學習服務（@ rcrooks1969）上 CodePen.

使用CodePen

以下是有效使用上述CodePen的一些技巧：

切換 player 通過點擊結果按鈕。
點擊 HTML / CSS / JS 按鈕顯示一種代碼類型。
點擊 在CodePen上編輯 在右上角將此CodePen分支到您自己的帳戶中。
在此找到與此樣本相關的所有代碼 GitHub存儲庫.

代理代碼

為了在此頁面上構建自己的示例應用程序版本，您必須創建並託管自己的代理。（Brightcove Learning Services使用的代理僅接受來自Brightcove域的請求。）一個示例代理與我們使用的代理非常相似，但是沒有可以阻止來自非Brightcove域的請求的檢查。這個GitHub倉庫。您還將在此處找到使用它的基本說明，以及有關在Proxy中構建應用的更詳盡的指南。使用REST API.