ビデオへのチャプターマーカーの追加

チャプターマーカーを単一のビデオまたはアダプティブビデオセットに追加することにより、再生時間の長いビデオの閲覧やナビゲートがしやすくなります。ユーザーがビデオを再生する際に、ビデオタイムライン上のチャプターマーカー(ビデオスクラバーとも呼ばれます)を選択できます。 これにより、ユーザーは目標地点に簡単に移動したり、新しいコンテンツ、デモ、チュートリアルなどにすぐに移動したりできます。

メモ

使用されるビデオプレーヤーがチャプターマーカーの使用に対応している必要があります。

Universal_HTML5_Videoビューア(HTML5)用にチャプターナビゲーションキューポイントとチャプタータイトルポップアップテキストを設定する場合は、ビデオビューアプリセットの追加または編集を参照してください。

ビューアプリセットの追加と編集も参照してください。

ビデオのチャプターリストの作成方法は、キャプションの作成方法とよく似ていて、WebVTT ファイルを作成します。ただし、このファイルは、使用している他の WebVTT キャプションファイルと分ける必要があります。キャプションとチャプターを 1 つの WebVTT ファイルにまとめることはできません。

チャプターナビゲーションを含む WebVTT ファイルを作成する際には、次のサンプルをフォーマット例として使用できます。

WEBVTT 
Chapter 1 
00:00.000 --> 01:04.364 
The bicycle store behind it all. 
Chapter 2 
01:04.364 --> 02:00.944 
Creative Cloud. 
Chapter 3 
02:00.944 --> 03:02.937 
Ease of management for a working solution. 
Chapter 4 
03:02.937 --> 03:35.000 
Cost-efficient access to rapidly evolving technology.

この例では、Chapter 1 はキュー識別子(オプション)です。00:00:000 --> 01:04:364のキュー時間は、チャプターの開始時間と終了時間を00:00:000形式で指定します。 末尾の 3 桁はミリ秒であり、必要に応じて 000 のままにすることができます。チャプタータイトルThe bicycle store behind it allは、チャプターの内容を示す実際の説明です。 ビデオのタイムライン内のビジュアルキューポイントにポインターを置くと、キュー識別子、開始キュー時間およびチャプタータイトルが、ビデオプレーヤー内にポップアップ表示されます。

HTML5 ビデオビューアを使用しているので、作成するチャプターファイルが WebVTT(Web Video Text Tracks)規格に従っていることを確認してください。チャプターファイル名の拡張子は.VTTです。 WebVTT のキャプション規格について、さらに詳しく調べることができます。

WebVTTを参照してください。Webビデオテキストトラックの形式

ビデオにチャプターマーカーを追加するには:

  1. Dynamic Media Classicの外部で単純なテキストAdobeを使用して、ビデオチャプターファイルを作成します。

    メモ

    英語以外の言語でビデオチャプターをグローバルにサポートする場合、WebVTT標準では、サポートする言語ごとに個別の.vttファイルを作成し呼び出す必要があります。

  2. VTTファイルをUTF8エンコーディングで保存して、チャプタータイトルテキストの文字レンディションに関する問題を回避できます。

    通常、チャプター VTT ファイルにはビデオファイルと同じ名前を指定し、chapters を付加します。これにより、既存の Web コンテンツ管理システムを使用して、ビデオ URL の生成を自動化できます。

  3. AdobeDynamic Media Classicで、WebVTTチャプターファイルをアップロードします。

    ファイルのアップロードを参照してください。

  4. 左側のアセットライブラリパネルで、アップロードしたチャプターファイルに関連付けるビデオファイルを含んでいるアセットフォルダーに移動します。

  5. アセットの参照パネルで1つのビデオアセットを選択し、アセットのサムネール画像の下で​プレビュー / ビューアリスト​を選択します。

  6. ビューアリストの表で、Univeral_HTML5_Video という名前の HTML5 ビューアを探し、次のいずれかの操作を行います。

    • ポップアップビデオビューアエクスペリエンスの場合、名前の右端にある「URL をコピー」を選択します。

      コピーしたビデオのURLを次の構文で追加し、コピーしたURLにキャプションファイルを関連付けることができます。

      &navigation=*<full Copy URL path to the chapter navigation file .vtt>*

    • 埋め込みビデオビューアエクスペリエンスの場合、名前の右端にある「埋め込みコード」を選択します。

      埋め込みコードダイアログボックスで、「クリップボードにコピー」を選択します。

      HTML5 Universal_HTML5_Videoビューアの場合、コピーした埋め込みコードを次のように追加します。

      videoViewer.setParam("navigation","*<full Copy URL path to the chapter navigation file .vtt>*”

このページ