@genie-player/react
播放由客戶託管的影片,並使用 Genie 託管且已核准的 WebVTT 字幕軌。您可以自訂播放器、字幕選擇與主題。
在 npm 上查看 →透過 Node.js 後端或 Genie 控制台產生多語言字幕,再使用 React SDK 播放您自己的影片。
播放由客戶託管的影片,並使用 Genie 託管且已核准的 WebVTT 字幕軌。您可以自訂播放器、字幕選擇與主題。
在 npm 上查看 →Upload videos from your backend, receive translated captions, and verify signed webhook callbacks.
Node.js 快速開始 → 在 npm 上查看 →在控制台上傳影片、完成字幕審閱並複製工作 ID。Genie 會刪除暫存影片,同時保留已核准的 WebVTT 檔案。播放器會繼續使用您已託管的影片 URL。
瞭解隱私權與儲存空間 →<GenieProvider clientKey="gpk_your_publishable_key">
<GeniePlayer
jobId="translation-job-id"
src="https://customer-cdn.example/video.mp4"
/>
</GenieProvider>