ビデオへのチャプターマーカーの追加 adding-chapter-markers-to-video
1 つのビデオまたはアダプティブビデオセットにチャプターマーカーを追加すると、長編ビデオの視聴と操作が容易になります。 ビデオの再生中に、ビデオタイムライン(ビデオスクラバーとも呼ばれる)のチャプターマーカーを選択することができます。 これにより、ユーザーは、関心のあるポイントや、新しいコンテンツ、デモ、チュートリアルなどにすぐに移動できます。
参照: ビデオビューアプリセットの追加または編集 にチャプターナビゲーションキューポイントとチャプタータイトルのポップアップテキストを設定する場合 Universal_HTML5_Video
ビューア(HTML 5)。
関連トピック ビューアプリセットの追加と編集.
ビデオのチャプターリストの作成方法は、キャプションの作成方法とよく似ていて、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 ビデオテキストで形式をトラッキングします.
ビデオにチャプターマーカーを追加するには:
-
Adobe Dynamic Media Classicの外部にある単純なテキストエディターを使用して、ビデオチャプターファイルを作成します。
note note NOTE 英語以外の言語のビデオチャプターをグローバルサポートする場合、WebVTT 標準では、サポートする言語ごとに個別の.vtt ファイルを作成して呼び出す必要があります。 -
この VTT ファイルを UTF8 エンコーディングで保存して、チャプタータイトルテキストの文字レンディションに関する問題を回避します。
一般に、チャプター VTT ファイルの名前には、ビデオファイルと同じ名前を付けて、名前の末尾に
chapters
. これにより、既存の Web コンテンツ管理システムを使用して、ビデオ URL の生成を自動化できます。 -
Adobe Dynamic Media Classicで、WebVTT チャプターファイルをアップロードします。
参照: ファイルをアップロード.
-
左側のアセットライブラリパネルで、アップロードしたチャプターファイルに関連付けるビデオファイルを含むアセットフォルダーに移動します。
-
アセット参照パネルで、1 つのビデオアセットを選択し、アセットのサムネール画像の下でを選択します プレビュー > ビューアリスト.
-
ビューアリストの表で、Univeral_HTML5_Video という名前の HTML5 ビューアを探し、次のいずれかの操作を行います。
-
ポップアップビデオビューアエクスペリエンスの場合は、次を選択します。 URL をコピー 名前の右端。
ビデオのコピー済み URL を次の構文で追加すると、キャプションファイルのコピー済み URL に関連付けることができます。
&navigation=*<full Copy URL path to the chapter navigation file .vtt>*
-
埋め込みビデオビューアエクスペリエンスの場合は、を選択します。 埋め込みコード 名前の右端。
埋め込みコード ダイアログボックスで、を選択します。 クリップボードにコピー.
HTMLの場合 5
Universal_HTML5_Video
ビューアで、コピーした埋め込みコードに次のコードを追加します。videoViewer.setParam("navigation","*<full Copy URL path to the chapter navigation file .vtt>*"
-