サポート問い合わせ先| システムステータス
ページコンテンツ

    BrightcoveネイティブSDKでのキャプションの使用

    このトピックでは、Brightcove NativeSDKで構築されたアプリでキャプションを使用する方法を学習します。

    概要

    クローズドキャプションは、動画にアクセスしたい個人向けの追加情報を提供します。聴覚障害者や聴きにくい人が動画の音声部分にアクセスするためには、キャプションが必要です。キャプションを初めて使用する場合は、概要を参照してください。ビデオドキュメントにキャプションを追加する

    各動画フォーマットに最適なキャプションの種類を理解することが重要です。まず、ビデオフォーマットとキャプションドキュメントを確認します。Brightcoveでは、WebVTT キャプション付きの HLS または DASH 動画の使用をお勧めします。

    キャプション

    HLS と DASH ビデオでは、キャプションの再生には 2 つのオプションがあります。

    マニフェストの WebVTT

    マニフェストの WebVTT キャプションを HLS または DASH 動画で使用する場合、キャプションはちょうど機能します。これらのキャプションを実装するために行う必要がある余分なことは何もありません。

    マニフェストの WebVTT キャプションは、動画とともに取り込まれています。動的配信で動的取り込みを使用する場合にのみ、マニフェストファイルを作成できます。詳細については、以下を参照してください。

    m3u8 ファイルに次のタグが含まれている場合、キャプションはマニフェストとして認識されます。

    #EXT-X-MEDIA:TYPE=SUBTITLES

    シナリオ テキストトラックの場所 テキストトラックの種類 #EXT-X-MEDIA:TYPE=SUBTITLES tag
    DynamicDeliveryが取り込んだビデオ
    動的取り込み API
    CDN セグメント化 はい

    外部 (サイドカー) WebVTT

    外部 WebVTT キャプションは、動画とは別のテキストファイルです。キャプションファイルをビデオに関連付けるには、次のようにします。

    シナリオ テキストトラックの場所 テキストトラックの種類 #EXT-X-MEDIA:TYPE=SUBTITLES tag
    レガシーに取り込まれたビデオ(動的配信なし)
    動的取り込み API
    CDN セグメント化されていない いいえ
    レガシーに取り込まれたビデオ(動的配信なし)
    リモートURL
    メディアモジュールまたはCMSAPI
    元の画像 セグメント化されていない いいえ
    DynamicDeliveryが取り込んだビデオ
    リモートURL
    メディアモジュールまたはCMSAPII
    元の画像 セグメント化されていない いいえ

    Android

    WebVTTSampleApp では、ビデオ再生用の WebVTT キャプションファイルを追加する方法を示します。

    iOS/tvos

    外部 WebVTT キャプションを使用する場合は、iOS および tvOS 用 Player SDK のサイドカー字幕機能を使用する必要があります

    を使用して Video Cloud ライブラリからビデオを取得する場合BCOVPlaybackService、ビデオとテキストトラックはサイドカー字幕用にフォーマットされます。

    Video Cloud を使用しない Brightcove Player のお客様、または独自の動画を提供する場合は、サイドカー字幕 (Sidecar Subtitles) ドキュメントの「字幕データの手動入力」セクションに示すように、テキストトラックを構成する必要があります。

    WebVTT キャプションの同期

    WebVTT キャプションを使用している場合は、ビデオとオーディオがキャプションと同期していることを確認してください。これを行う方法については、「 WebVTT キャプションの同期」ドキュメントを参照してください。

    キャプションのスタイルを設定する

    WebVTT キャプションは、会社の好みに合わせてスタイル設定できます。詳細については、「ビデオにキャプションを追加」ドキュメントの「キャプションのスタイル設定」セクションを参照してください

    動画にキャプションが関連付けられている場合は、コントロールバーにキャプションアイコンが表示されます。このアイコンを選択します。

    Captions icon
    キャプションアイコン

    次に、ご希望の言語を選択します。

    Select language
    言語を選択

    ビデオの再生中に、キャプションが表示されます。

    Captions display
    キャプションを表示

    ページの最終更新日04 Oct 2021