ビデオ

この節では、Dynamic Media でのビデオの操作について説明します。

クイックスタート:ビデオ

次のワークフローの手順説明は、Dynamic Media でアダプティブビデオセットをすぐに使い始めることを目的としたものです。各手順に続いて、詳しい説明のあるトピックの見出しへのリンクが記載されています。

メモ

Dynamic Media のビデオを操作する前に、Adobe Experience Manager の管理者が既に Dynamic Media Cloud Services を有効にして設定を完了していることを確認してください。

  1. 次の手順を実行して、Dynamic Media ビデオをアップロード​します。

  2. 次のいずれかの操作を行って、Dynamic Media ビデオを管理します

  3. 次のいずれかの操作を行って、Dynamic Media ビデオを公開します

Dynamic Media でのビデオの操作

Dynamic Media のビデオは、高品質のアダプティブビデオを簡単に公開して、デスクトップ、タブレット、モバイルデバイスを含む複数の画面にストリーミングするためのエンドツーエンドのソリューションです。アダプティブビデオセットでは、同じビデオを、400 kbps、800 kbps、1000 kbps などの様々なビットレートと形式でエンコードしたバージョンにグループ分けします。デスクトップコンピューターまたはモバイルデバイスが、使用可能な帯域幅を検出します。

例えば、iOS モバイルデバイスでは、3G、4G、Wi-Fi などの帯域幅が検出されます。次に、アダプティブビデオセット内の様々なビデオビットレートの中から、適切なエンコード済みビデオが自動的に選択されます。ビデオはデスクトップ、モバイルデバイスまたはタブレットにストリーミングされます。

また、デスクトップまたはモバイルデバイスでネットワークの状態が変化した場合は、ビデオ画質が自動的に動的に切り替わります。また、顧客がデスクトップで全画面表示モードに入ると、アダプティブビデオセットはより高い解像度を使用して顧客の視聴エクスペリエンスを向上させるよう対応します。アダプティブビデオセットを使用すると、Dynamic Media ビデオを複数の画面とデバイスで再生するユーザーにとって最適な再生方法が提供されます。

再生または再生時に選択するエンコード済みビデオの決定に、ビデオプレーヤーが使用するロジックは、次のアルゴリズムに基づきます。

  1. ビデオプレーヤーは、プレーヤー自体の「初期ビットレート」に設定されている値に最も近いビットレートで、初期ビデオフラグメントを読み込みます。

  2. ビデオプレーヤーは、帯域幅の速度の変化に応じて、次の条件に従って切り替わります。

    1. プレーヤーは、見積もり帯域幅を超えない範囲内で、最も高い帯域幅でのストリームを選択します。
    2. プレーヤーは、使用可能な帯域幅の 80%ほどを見積もります。ただし、使用可能な帯域幅が上昇した場合は、帯域幅を大きく見積もりすぎてすぐに元の帯域幅に戻ることを防ぐために、より控えめな 70%ほどの見積もりとなります。

アルゴリズムの技術情報について詳しくは、https://android.googlesource.com/platform/frameworks/av/+/master/media/libstagefright/httplive/LiveSession.cpp を参照してください。

単一のビデオとアダプティブビデオセットの管理では、次の機能がサポートされています。

  • 多数のサポートされているビデオ形式およびオーディオ形式からビデオをアップロードし、複数の画面で再生できるようにビデオを MP4 H.264 形式にエンコーディングします。事前定義済みのアダプティブビデオセット、1 つのビデオのエンコーディングプリセットを使用するか、独自のエンコーディングをカスタマイズしてビデオの品質とサイズを制御できます。

    • アダプティブビデオセットを生成する際、そのセットには MP4 ビデオが含まれます。
    • 注意:プライマリ/ソースビデオはアダプティブビデオセットには追加されません。
  • すべての HTML5 ビデオビューアでのビデオキャプション。

  • ビデオアセットを効率的に管理するための完全なメタデータサポートを使用して、ビデオを整理、参照および検索します。

  • アダプティブビデオセットを web およびデスクトップ、タブレット、モバイルデバイスに配信します。

アダプティブビデオのストリーミングは、各種 iOS プラットフォームでサポートされています。詳しくは、Dynamic Media ビューアリファレンスガイドを参照してください。

  • Dynamic Media ビデオビューアプリセットを使用してビデオを再生します。このビューアプリセットには、次のビューアが含まれます。

    • 単一のビデオビューア。
    • ビデオコンテンツと画像コンテンツの両方を組み合わせた混在メディアビューア。
  • 自社ブランドのニーズに合わせてビデオプレーヤーを設定します。

  • 単純な URL か埋め込みコードを使用して、ビデオを web サイト、モバイルサイトまたはモバイルアプリケーションに統合します。

詳しくは、動的なビデオ再生の例を参照してください。

Dynamic Media ビューアリファレンスガイドExperience Manager Assets および Dynamic Media Classic のビューアおよび Experience Manager Assets 専用のビューアも参照してください。

ベストプラクティス:HTML5 ビデオビューアの使用

Dynamic Media の HTML5 ビデオビューアプリセットは堅牢なビデオプレーヤーです。このプリセットを使用すれば、HTML5 ビデオ再生でよくある問題や、モバイルデバイスに関する問題の多くを回避することができます。例えば、アダプティブビットレートストリーミング配信機能がなかったり、デスクトップブラウザーの範囲が限定されていたりすることなどです。

プレーヤーの設計面では、標準の web 開発ツールを使用してビデオプレーヤーの機能を設計できます。例えば、HTML5 と CSS を使用して、ボタン、コントロールおよびカスタムのポスター画像背景をデザインすることにより、カスタマイズした表示で顧客にリーチすることができます。

ビューアの再生側では、ブラウザーのビデオ機能を自動的に検出します。その後、HLS または DASH(アダプティブビデオストリーミングとも呼ばれる)を使用してビデオを配信します。または、これらの配信方法が使用できない場合は、HTML5 プログレッシブが代わりに使用されます。

メモ

ビデオに DASH を使用するには、まず Adobe テクニカルサポートがアカウントで DASH を有効にする必要があります。詳しくは、「アカウントでの DASH の有効化」を参照してください。

HTML5 と CSS を使用して再生コンポーネントを設計できる機能を 1 つのプレーヤーに統合できます。埋め込み再生が可能で、ブラウザーの機能に応じてアダプティブストリーミングやプログレッシブストリーミングを使用できます。これらの結果、リッチメディアコンテンツの配信範囲をデスクトップユーザーとモバイルユーザーの両方に拡大し、ビデオエクスペリエンスを確実に効率化することができます。

Dynamic Media ビューアリファレンスガイドExperience Manager Assets 専用のビューアも参照してください。

HTML5 ビデオビューアを使用した、デスクトップコンピューターおよびモバイルデバイス上でのビデオ再生

デスクトップおよびモバイルへのアダプティブビデオストリーミングの場合、ビットレートの切り替えに使用されるビデオは、アダプティブビデオセット内のすべての MP4 ビデオに基づいています。

ビデオの再生は、HLS または DASH、またはプログレッシブビデオダウンロードのいずれかを使用して行われます。6.0、6.1、6.2 など以前の Experience Manager バージョンでは、ビデオは HTTP 上でストリーミングされました。

一方、Experience Manager 6.3 以降では、DM ゲートウェイサービスの URL も常に HTTPS を使用するため、ビデオは HTTPS(つまり、HLS または DASH)でストリーミングされるようになりました。このデフォルトの動作はユーザーに影響しません。つまり、ブラウザーでサポートされていない場合を除き、ビデオストリーミングは常に HTTPS 上で行われます(以下の表を参照してください)。

したがって、次のようになります。

  • HTTPS web サイトが HTTPS ビデオストリーミングに対応している場合は、ストリーミングが適しています。
  • HTTP web サイトが HTTPS ビデオストリーミングに対応している場合は、ストリーミングが適しており、web ブラウザーから混合コンテンツに関する問題は発生しません。

DASH は国際標準であり、HLS は Apple の標準です。どちらもアダプティブビデオストリーミングに使用されます。どちらのテクノロジーも、ネットワーク帯域幅の容量に基づいて再生を自動的に調整します。また、HLS では、ビデオの残りがダウンロードされるまで待たなくても、ビデオ内の任意のポイントを「シーク」できます。

プログレッシブビデオは、ユーザーのデスクトップシステムやモバイルデバイスにダウンロードしてローカルに保存することで配信されます。

デバイス、ブラウザー、およびデスクトップコンピューターやモバイルデバイスでの Dynamic Media HTML5 ビデオビューアによるビデオの再生方法を次の表に示します。

デバイス ブラウザー ビデオ再生モード
デスクトップ Internet Explorer 9 および 10 プログレッシブダウンロード。
デスクトップ Internet Explorer 11+ Windows® 8 および Windows® 10 では、DASH または HLS が要求されるたびに HTTPS を強制的に使用します。既知の制約事項:DASH または HLS の HTTP は、このブラウザーとオペレーティング システムの組み合わせでは機能しません

Windows® 7 の場合 - プログレッシブダウンロード。HTTP プロトコルと HTTPS プロトコルの選択には標準的なロジックが使用されます。
デスクトップ Firefox 23~44 プログレッシブダウンロード。
デスクトップ Firefox 45 以降 HLS または DASH* アダプティブビットレートストリーミング
デスクトップ Chrome HLS または DASH* アダプティブビットレートストリーミング
デスクトップ Safari(Mac) HLS アダプティブビットレートストリーミング
モバイル Chrome(Android™ 6 以前) プログレッシブダウンロード。
モバイル Chrome(Android™ 7 以降) HLS または DASH* アダプティブビットレートストリーミング/td>
モバイル Android™(デフォルトブラウザー) プログレッシブダウンロード。
モバイル Safari(iOS) HLS アダプティブビットレートストリーミング
モバイル Chrome(iOS) HLS アダプティブビットレートストリーミング
重要

*ビデオに DASH を使用するには、まずアカウントの Adobe テクニカルサポートが DASH を有効にする必要があります。詳しくは、「アカウントでの DASH の有効化」を参照してください。

Dynamic Media ビデオソリューションのアーキテクチャ

次の図に、アップロード後、(Dynamic Media Hybrid モードの)DMGateway によってエンコードされ、公開されるビデオのオーサリングワークフローの全体像を示します。

chlimage_1-427

ビデオのハイブリッド公開アーキテクチャ

chlimage_1-428

ビデオエンコーディングのベストプラクティス

Dynamic Media を有効にし、ビデオ Cloud Services を設定済みの場合、Dynamic Media エンコードビデオ​ワークフローがビデオをエンコードします。このワークフローは、ワークフローの処理履歴とエラー情報を取り込みます。Dynamic Media を有効にし、ビデオ Cloud Services を設定してある場合は、ビデオをアップロードすると、Dynamic Media エンコーディングビデオ​ワークフローが自動的に有効になります(Dynamic Media を使用していない場合は、DAM アセットの更新​ワークフローが有効になります)。

ここでは、ソースビデオファイルのエンコードにおけるベストプラクティスのヒントを説明します。

ソースビデオファイル

ビデオファイルをエンコードする場合は、可能な限り高品質のソースビデオファイルを使用します。以前にエンコードされたビデオファイルの使用は避けてください。そのようなファイルは既に圧縮済みで、さらにエンコードすると標準を下回る品質のビデオが作成されるからです。

  • Dynamic Media では、最大長 30 分、最小解像度が 25 x 25 を超える短い形式のビデオが主にサポートされています。
  • 15 GB までのプライマリソースビデオファイルをアップロードできます。

次の表に、ソースビデオファイルのエンコード前の推奨サイズ、縦横比および最小ビットレートを示します。

サイズ 縦横比 最小ビットレート
1,024 x 768 4:3 4,500 kbps(ほとんどのビデオ)
1,280 x 720 16:9 3,000~6,000 kbps(ビデオ内のモーションの量に応じて調整)
1,920 x 1,080 16:9 6,000~8,000 kbps(ビデオ内のモーションの量に応じて調整)

ファイルのメタデータの取得

ファイルのメタデータは、ビデオ編集ツールを使用してメタデータを表示するか、メタデータを取得するために設計されたアプリケーションを使用して取得できます。以下は、サードパーティアプリケーションの MediaInfo を使用してビデオファイルのメタデータを取得する手順です。

  1. MediaInfo のダウンロードページに移動します。
  2. GUI バージョンのインストーラーを選択してダウンロードし、インストール手順に従って操作します。
  3. インストールの完了後、ビデオファイルを右クリックして(Windows® のみ)MediaInfo を選択するか、MediaInfo を開いてビデオファイルをアプリケーションにドラッグします。ビデオの幅、高さ、fps など、ビデオファイルに関連するすべてのメタデータが表示されます。

縦横比

プライマリソースビデオファイルのビデオエンコーディングプリセットを選択または作成するときには、プライマリソースビデオファイルと同じ縦横比をプリセットに使用してください。縦横比とは、ビデオの高さに対する幅の比率のことです。

ビデオファイルのアスペクト比を求めるには、ファイルのメタデータを取得し、そのファイルの幅と高さを記録します(前述の「ファイルのメタデータの取得」を参照してください)。さらに、次の式を使用してアスペクト比を計算します。

幅/高さ = 縦横比

次の表に、この式の解を一般的な縦横比に変換した結果を示します。

数式の結果 縦横比
1.33 4:3
0.75 3:4
1.78 16:9
0.56 9:16

例えば、幅 1,440、高さ 1,080 のビデオの縦横比は 1,440/1,080、つまり 1.33 になります。このビデオファイルをエンコードするには、縦横比 4:3 のビデオエンコーディングプリセットを選択します。

ビットレート

ビットレートとは、1 秒間のビデオ再生を構成するエンコードされたデータの量です。ビットレートは、1 秒あたりのキロビット数(Kbps)の単位で測定します。

メモ

すべてのコーデックは非可逆圧縮を使用するので、ビットレートはビデオ画質の最も重要な要素となります。非可逆圧縮では、ビデオファイルを圧縮するほど画質が低下します。したがって、他の特性(解像度、フレームレートおよびコーデック)がすべて等しい場合は、ビットレートが低いほど、圧縮ファイルの品質は低下します。

ビットレートエンコーディングは 2 種類あり、そのどちらかを選択できます。

  • 固定ビットレートエンコーディング(CBR)- CBR エンコーディングでは、ビットレートまたは 1 秒あたりのビット数が、エンコーディングプロセス全体で同じ数値に維持されます。CBR エンコーディングでは、設定されているデータレートが、ビデオ全体での設定値として使用されます。また、CBR エンコーディングでは、メディアファイルの品質は最適化されませんが、その分、空き容量の節約になります。ビデオ全体に同じようなモーションレベルが含まれている場合は、CBR を使用します。CBR は、ビデオコンテンツのストリーミングに最も一般的に使用されています。カスタムで追加するビデオエンコーディングパラメーターの使用も参照してください。

  • 可変ビットレートエンコーディング(VBR)- VBR エンコーディングでは、コンプレッサーで必要となるデータに基づいて、設定したデータレートが下限から上限の範囲内で調整されます。つまり、VBR エンコーディングプロセスでは、メディアファイルのビットレートが、そのニーズに応じて動的に増減します。VBR は、CBR よりエンコードに時間がかかりますが、生成されるメディアファイルは最高品質となります。VBR は、ビデオコンテンツの HTTP プログレッシブ配信に最も一般的に使用されます。

VBR と CRB のどちらを使用するべきかVBR と CBR のどちらを選択すべきかと言えば、ほとんどの場合、メディアファイルには VBR を使用することをお勧めします。VBR は、優位性のあるビットレートで CBR より高品質のファイルを生成します。VBR を使用するときは、2 パスエンコーディングを使用し、最大ビットレートをターゲットビデオのビットレートの 1.5 倍に設定してください。

ビデオエンコーディングプリセットを選択するときは、ターゲットエンドユーザーの接続速度を考慮してください。データレートがその速度の 80%となるプリセットを選択してください。例えば、ターゲットエンドユーザーの接続速度が 1,000 Kbps の場合、ビデオデータレートが 800 kbps のプリセットが最適です。

次の表に、一般的な接続速度のデータレートを示します。

速度(Kbps) 接続タイプ
256 ダイヤルアップ接続。
800 一般的なモバイル接続。この接続では、3G エクスペリエンス向けに 400~800 の範囲のデータレートがターゲットとなります。
2,000 一般的なブロードバンドデスクトップ接続。この接続では、800~2,000 Kbps の範囲のデータレートがターゲットとなります。大部分のターゲットは、平均 1,200~1,500 Kbps です。
5,000 一般的な高ブロードバンド接続。ほとんどの消費者は、この速度でのビデオ配信を使用できないので、この上限範囲でのエンコーディングはお勧めしません。

解像度

解像度​は、ビデオファイルの高さと幅をピクセル単位で表したものです。ほとんどのソースビデオは、1920 x 1080 などの高解像度で保存されます。ストリーミング用のソースビデオは、比較的低い解像度(640 x 480 以下)に圧縮されます。

解像度とデータレートは、ビデオ画質を決定する統合的な 2 つの要素です。同じビデオ画質を維持するには、ビデオファイルのピクセル数が多いほど(解像度が高いほど)、データレートを高くする必要があります。例えば、320 x 240 の解像度と 640 x 480 の解像度のビデオファイルで、フレームあたりのピクセル数を考えてみましょう。

解像度 フレームあたりピクセル数
320 x 240 76,800
640 x 480 307,200

640 x 480 ファイルのピクセル数は、フレームあたり 4 倍になります。この 2 つの解像度の例でデータレートを同じにするには、640 x 480 ファイルを 4 倍に圧縮します。これにより、ビデオの画質が低下する可能性があります。そのため、250 kbps のビデオデータレートの場合、320 x 240 の解像度では高画質になりますが、640 x 480 の解像度では高画質になりません。

一般に、高いデータレートを使用するほど、ビデオの画質は良くなり、高い解像度を使用するほど、その画質を維持するために必要になるデータレートも(解像度が低い場合と比較して)増加します。

解像度とデータレートには関連があるので、ビデオをエンコードする際には次の 2 つの方法から選択できます。

  • データレートを選択してから、選択したデータレートできれいに表示される最高の解像度でエンコードします。
  • 解像度を選択してから、選択した解像度で高品質のビデオを配信するために必要になるデータレートでエンコードします。

プライマリソースビデオファイルのビデオエンコーディングプリセットを選択(または作成)する場合は、次の表を使用して正しい解像度をターゲットにします。

解像度 高さ(ピクセル) 画面サイズ
240p 240 ごく小さな画面
300p 300 小型の画面(一般にモバイルデバイス用)
360p 360 小型の画面
480p 480 中型の画面
720p 720 大型の画面
1080p 1080 高画質の大型の画面

Fps(1 秒あたりのフレーム数)

米国と日本では、ほとんどのビデオが 29.97 フレーム/秒(fps)で撮影されます。ヨーロッパでは、ほとんどのビデオが 25 fps で撮影されます。映画は 24 fps で撮影されます。

プライマリソースビデオファイルの fps レートに一致するビデオエンコーディングプリセットを選択します。例えば、プライマリソースビデオが 25 fps の場合は、25 fps のエンコーディングプリセットを選択します。デフォルトでは、すべてのカスタムエンコーディングでプライマリソースビデオファイルの fps が使用されます。そのため、ビデオエンコーディングプリセットを作成するときに、fps 設定を明示的に指定する必要はありません。

ビデオエンコーディングのサイズ

最適な結果を得るには、ソースビデオがエンコードされたすべてのビデオの整数倍になるようにエンコーディングのサイズを選択します。

この比率を計算するには、ソースの幅をエンコードされた幅で割って、幅の比率を求めます。次に、ソースの高さをエンコードの高さで割って高さの比率を求めます。

結果の比率が整数の場合、ビデオは最適に拡大/縮小されます。結果の比率が整数でない場合は、余ったピクセルのアーティファクトがディスプレイに残るので、ビデオの画質に影響します。この影響は、ビデオにテキストが含まれる場合に特に目立ちます。

例えば、ソースビデオが 1920 x 1080 だとします。次の表では、エンコードされた 3 つのビデオで使用する、最適なエンコード設定を示しています。

ビデオタイプ 幅 x 高さ 幅の比率 高さの比率
ソース 1920 x 1080 1 1
エンコード済み 960 x 540 2 2
エンコード済み 640 x 360 3 3
エンコード済み 480 x 270 4 4

エンコードされたビデオのファイル形式

Dynamic Media では、MP4 H.264 ビデオエンコーディングプリセットの使用をお勧めします。MP4 ファイルでは H.264 ビデオコーデックが使用されるので、高品質のビデオを圧縮されたファイルサイズで作成できます。

アカウントでの DASH の有効化

DASH(HTTP での動的アダプティブストリーミング)はビデオストリーミングの国際標準であり、様々なビデオビューアーで広く採用されています。アカウントで DASH が有効になっている場合は、アダプティブビデオストリーミング用に DASH または HLS のいずれかを選択できます。ビューアのプリセットで再生タイプとして「自動」が選択されていると、プレーヤー間の自動切り替えで両方を選択できます。

アカウントで DASH を有効にする場合の主なメリットには、次のようなものがあります。

  • アダプティブビットレートストリーミング用に DASH ストリームビデオをパッケージ化できます。この方法では配信の効率が向上します。アダプティブストリーミングにより、顧客に最適な視聴エクスペリエンスが提供されます。
  • Dynamic Media プレイヤーでブラウザーに最適化されたストリーミングにより、HLS と DASH のストリーミングを切り替え、最高のサービス品質を確保できます。Safari ブラウザーを使用すると、ビデオプレーヤーが HLS に自動的に切り替わります。
  • ビデオビューアプリセットを編集して、優先ストリーミング方式(HLS または DASH)を設定できます。
  • 最適化されたビデオエンコーディングにより、DASH 機能を有効にしながら、追加のストレージを使用しなくて済みます。HLS と DASH の両方に対して 1 つのビデオエンコードセットが作成され、ビデオの保存コストが最適化されます。
  • 顧客がビデオ配信をアクセスしやすくなります。
  • API を使用してストリーミング URL を取得することもできます。

DASH を使用するリクエストを開始します。お使いのアカウントで自動的には有効になりません。

お使いのアカウントで DASH を有効にするには、以下に示すようにカスタマーサポートケースを作成します。サポートケースで、Dynamic Media アカウントと Experience Manager で DASH を有効にするように指定します。

アカウントで DASH を有効にするには:

  1. Admin Console を使用して、新しいサポートケースの作成を開始します

  2. サポートケースを作成するには、次の情報を必ず指定しながら、指示に従ってください。

    • 主要連絡先の氏名、メールアドレス、電話番号。
    • Dynamic Media アカウントの名前。
    • Dynamic Media アカウントと Experience Manager で DASH を有効にするように指定します。
  3. アドビカスタマーサポートでは、リクエストが送信された順番に、DASH カスタマー待機リストに追加します。

  4. リクエストを処理する準備が整った時点で、カスタマーサポートから連絡を差し上げ、DASH を有効にする日付の調整と設定を行います。

  5. 完了後、カスタマーサポートから通知があります。

  6. 通常通り、ビデオビューアープリセットを作成します。

ビデオレポートの表示

メモ

ビデオレポートを使用できるのは、Dynamic Media - ハイブリッドモードを実行している場合のみです。

ビデオレポートには、指定した期間にわたるいくつかの集計指標が表示されます。ユーザーはビデオレポートを使用して、公開済み​の個々のビデオやビデオの集合が期待どおりに動作しているかどうかを監視できます。次の上位指標データは、web サイト全体で公開されているすべてのビデオについて集計されます。

  • ビデオ開始
  • 完了率
  • ビデオの平均視聴時間
  • ビデオの合計視聴時間
  • 訪問別ビデオ数

すべての​公開済み​ビデオの表も表示されるので、ビデオ開始数の合計に基づいて、web サイトで視聴された上位のビデオを追跡できます。

リストのビデオ名を選択すると、ビデオのオーディエンス保持(ドロップオフ)レポートが折れ線グラフの形式で表示されます。グラフには、ビデオの再生中の任意の時間のビュー数が表示されます。ビデオを再生すると、プレーヤーの時間インジケーターと同期して縦棒が表示されます。この折れ線グラフのデータが急激に下降するところは、オーディエンスが関心をなくして再生を終了したところです。

ビデオが Adobe Experience Manager Dynamic Media 以外でエンコードされた場合、オーディエンス保持(ドロップオフ)グラフおよび表内の再生率データは利用できません。

メモ

トラッキングとレポートのデータは、Dynamic Media 独自のビデオプレーヤーと、関連するビデオプレーヤープリセットの使用にのみ基づいています。そのため、他のビデオプレーヤーを介して再生されたビデオをトラッキングしてレポートすることはできません。

デフォルトでは、ビデオレポートを最初に開いたときに、今月初めから今月の今日の日付までのビデオデータが表示されます。ただし、このデフォルトの日付範囲を上書きして、独自の日付範囲を指定することができます。次回ビデオレポートを開くと、指定した日付範囲が使用されます。

ビデオレポートの正常動作のために、Dynamic Media Cloud Services の設定時に、レポートスイート ID が自動的に作成されます。そのときに、そのレポートスイート ID がパブリッシュサーバーにプッシュされ、アセットのプレビューの際に URL のコピー機能で使用できるようになります。ただし、そのためにはパブリッシュサーバーを事前にセットアップしておく必要があります。パブリッシュサーバーがセットアップされていない場合でも、公開してビデオレポートを確認することはできます。ただし、その際には Dynamic Media クラウド設定に戻って「OK」を選択する必要があります。

ビデオレポートを表示するには:

  1. Experience Manager の左上隅にある Experience Manager ロゴを選択し、左パネルで​ツール(ハンマーのアイコン)/アセットビデオレポート​に移動します。

  2. ビデオレポートページで、次のいずれかの操作を行います。

    • 右上隅付近にある​ビデオレポートを更新​アイコンを選択します。「更新」を使用するのは、レポートの最終日が今日の日付である場合のみです。この機能によって、前回のレポート実行以降に発生したビデオトラッキングを確認できます。

    • 右上隅付近にある​日付選択​アイコンを選択します。ビデオデータを表示する開始日と終了日の範囲を指定し、「レポートを実行」を選択します。

    「トップの指標」グループボックスに、サイト全体にわたるすべての公開済みビデオに関する様々な集計値が表示されます​

  3. 上位の公開済みビデオを示した表で、ビデオ名を選択してビデオを再生し、そのビデオのオーディエンス保持(ドロップオフ)レポートを表示します。

ビデオへのキャプションまたはサブタイトルの追加

クローズドキャプションを 1 つのビデオまたはアダプティブビデオセットに追加することにより、ビデオの配信先をグローバルマーケットまで拡大できます。クローズドキャプションを追加すると、音声をダビングする必要も、異なる言語ごとにネイティブスピーカーの音声を使って再録音する必要もなくなります。ビデオは、録画された言語で再生されます。外国語の字幕が表示されるので、違う言語の視聴者もオーディオ部分を理解できます。

クローズドキャプションを使用すると、耳が聞こえない人や聞こえにくい人に対して、より高いアクセシビリティを提供できます。

メモ

使用するビデオプレーヤーがクローズドキャプションの表示に対応する必要があります。

詳しくは、Dynamic Media のアクセシビリティを参照してください。

Dynamic Media では、キャプションファイルを JSON(JavaScript Object Notation)形式に変換できます。このように変換できるので、JSON テキストを、ビデオの完全なトランスクリプトとして表示せずに web ページに埋め込むことができます。この後、検索エンジンがコンテンツをクロールまたはインデックス作成できます。これにより、ビデオを検索しやすくなり、ビデオコンテンツの詳細がユーザーに提供されます。

URL での JSON 機能の使用について詳しくは、静的な(画像以外の)コンテンツの提供を参照してください。

ビデオにキャプションまたはサブタイトルを追加するには:

  1. サードパーティのアプリケーションまたはサービスを使用して、ビデオのキャプションやサブタイトルのファイルを作成します。

    WebVTT(Web Video Text Tracks)標準に従ってファイルを作成してください。キャプションファイルの拡張子は .VTT です。WebVTT キャプション標準をよく確認してください。

    WebVTT:Web Video Text Tracks 形式(英語)を参照してください。

    Dynamic Media 以外でキャプションやサブタイトルのファイルの作成に使用できる、無料および有料のツールやサービスが用意されています。例えば、スタイル設定なしの単純なビデオキャプションファイルを作成するには、次に示すキャプションの作成および編集用の無償オンラインツールを使用できます。

    WebVTT Caption Maker

    良い結果を得るためには、このツールを Explorer 9 以上、Google Chrome、または Safari で使用してください。

    ツールの「ビデオファイルの URL を入力」フィールドにビデオファイルの URL をコピーして貼り付け、「読み込み」を選択します。アセットの URL の取得を参照して、ビデオファイルそのものの URL を取得し、それを「ビデオファイルの URL を入力」フィールドに貼り付けてください。その後、Internet Explorer、Chrome、または Safari で、ビデオを再生できます。

    ここで、サイトの画面に表示される指示に従って、WebVTT ファイルを作成して保存します。終了したら、キャプションファイルの内容をコピーし、空のテキストエディターに貼り付けて、ファイル拡張子 VTT を付けて保存します。

    メモ

    複数言語のビデオサブタイトルを用意してグローバル対応する場合、WebVTT 標準の規定により、サポート対象の言語ごとに個別の .vtt ファイルを作成して呼び出す必要があります。

    一般に、VTT キャプションファイルの名前には、ビデオファイルと同じ名前を付けて、名前の末尾に言語ロケール(-EN、-FR、-DE など)を追加します。そうしておくと、既存の web コンテンツ管理システムを使用してビデオの URL を自動的に生成する際に役立ちます。

  2. Experience Manager で、WebVTT キャプションファイルを DAM にアップロードします。

  3. アップロードしたキャプションファイルを関連付ける、公開済み​ビデオアセットに移動します。

    URL をコピーするには、その​前に​アセットを​公開​しておく必要があります。

    アセットの公開を参照してください。

  4. 次のいずれかの操作を行います。

    • ポップアップビデオビューアエクスペリエンスの場合は、「URL」を選択します。URL ダイアログボックスで、URL を選択してクリップボードにコピーし、その URL を単純なテキストエディターに貼り付けます。コピーしたビデオの URL を次の構文で追加します。

      &caption=<server_path>/is/content/<path_to_caption.vtt_file,1>

      キャプションパスの末尾にある ,1 に注意します。パスの VTT ファイル名拡張子の直後で、ビデオプレーヤーバーのクローズドキャプションボタンの有効(オン)と無効(オフ)を任意に切り替えることができます。それぞれ、,1 または ,0 を設定します。

    • 埋め込みビデオビューアエクスペリエンスの場合は、「埋め込みコード」を選択します。埋め込みコードダイアログボックスで、埋め込みコードを選択してクリップボードにコピーし、そのコードを単純なテキストエディターに貼り付けます。コピーした埋め込みコードを次の構文で追加します。

      videoViewer.setParam("caption","<path_to_caption.vtt_file,1>");

      キャプションパスの末尾にある ,1 に注意します。パスの VTT ファイル名拡張子の直後で、ビデオプレーヤーバーのクローズドキャプションボタンの有効(オン)と無効(オフ)を任意に切り替えることができます。それぞれ、,1 または ,0 を設定します。

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

1 つのビデオまたはアダプティブビデオセットにチャプターマーカーを追加すると、長編ビデオの視聴と操作が簡単になります。ビデオの再生中に、ビデオタイムライン(ビデオスクラバーとも呼ばれる)のチャプターマーカーを選択することができます。これにより、ユーザーは、関心があるポイントや、新しいコンテンツ、トレーニング、デモンストレーションなどにすぐに移動できます。

メモ

ビデオプレーヤーが、チャプターマーカーの使用をサポートしている必要があります。Dynamic Media ビデオプレーヤーは、チャプターマーカーをサポートしていますが、サードパーティのビデオプレーヤーは、チャプターマーカーをサポートしているとは限りません。

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

チャプターナビゲーション機能を備えた 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 Video Text Tracks 形式(英語)を参照してください。

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

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

    一般に、チャプター VTT ファイルの名前には、ビデオファイルと同じ名前を付けて、名前の末尾にチャプターを追加します。そうしておくと、既存の web コンテンツ管理システムを使用してビデオの URL を自動的に生成する際に役立ちます。

  2. Experience Manager で、WebVTT チャプターファイルをアップロードします。

    アセットのアップロードを参照してください。

  3. 次のいずれかの操作を行います。

    ポップアップビデオビューアエクスペリエンスの場合
    1. アップロードしたチャプターファイルを関連付ける、公開済みビデオアセットに移動します。URL をコピーするには、その前にアセットを公開しておく必要があります。アセットの公開を参照してください。
    2. ドロップダウンメニューで「ビューア」を選択します。
    3. 左パネルで、ビデオビューアプリセット名を選択します。ビデオのプレビューが別のページで開きます。
    4. 左パネルの下部にある「URL」を選択します。
    5. URL ダイアログボックスで、URL を選択してクリップボードにコピーし、その URL を単純なテキストエディターに貼り付けます。
    6. ビデオのコピー済み URL を次の構文で追加すると、チャプターファイルのコピー済み URL に関連付けることができます。

      &navigation=<full_copied_URL_path_to_chapter_file.vtt>
    埋め込みビデオビューアエクスペリエンスの場合
    1. アップロードしたチャプターファイルを関連付ける、公開済みビデオアセットに移動します。URL をコピーするには、その前にアセットを公開しておく必要があります。アセットの公開を参照してください。
    2. ドロップダウンメニューで「ビューア」を選択します。
    3. 左パネルで、ビデオビューアプリセット名を選択します。ビデオのプレビューが別のページで開きます。
    4. 左パネルの下部にある「埋め込み」を選択します。
    5. 埋め込みコードダイアログボックスで、コード全体を選択してクリップボードにコピーし、そのコードを単純なテキストエディターに貼り付けます。
    6. ビデオの埋め込みコードを次の構文で追加して、チャプターファイルのコピー済み URL に関連付けることができます。

      videoViewer.setParam("navigation","<full_copied_URL_path_to_chapter_file.vtt>"

Dynamic Media アセットの Dynamic Media URL の変更

Dynamic Media で処理されるビデオは、標準ビューアで使用できます。また、マニフェスト URL に直接アクセスし、独自のカスタムビューアを使用して再生することもできます。ビデオのマニフェスト URL を取得する API を次に示します。

getVideoManifestURI API について

getVideoManifestURIAPI は cq-scene7-api:com.day.cq.dam.scene7.api を通じて公開され、次のマニフェスト URL を生成するために使用できます。

/**
* Returns the manifest url for videos
* @param resource video resource
* @param manifestType type of video streaming manifest being requested
* @param onlyIfPublished return a manifest only if the video is published
* @return the manifest url for videos
*
* @throws Exception
*/
@Nullable
String getVideoManifestURI(Resource resource, ManifestType manifestType, boolean onlyIfPublished) throws Exception;

getVideoManifestURI API パラメーター

この API では、次の 3 つのパラメーターを取り込みます。

パラメーター 説明
resource Dynamic Media が取り込んだビデオに対応するリソース。
manifestType ManifestType.DASH または ManifestType.HLS のいずれか
onlyIfPublished マニフェスト URI が公開され、配信層で使用できる場合にのみ生成される場合に、True に設定します。

上記のメソッドを使用してビデオのマニフェスト URL を取得するには、ビデオエンコーディングプロファイルを「ビデオのアップロード」フォルダーに追加します。Dynamic Media は、フォルダーに割り当てられたビデオエンコーディングファイルで見つかったエンコーディングに基づいて、これらのビデオを処理します。これで、上記の API を呼び出して、アップロードされたビデオのマニフェスト URL を取得できます。

エラーシナリオ

エラーがある場合、API は null を返します。例外は、Experience Manager エラーログに記録されます。ログに記録されるこれらのエラーは、すべて Could not generate Video Manifest URI で始まります。次のシナリオでは、このようなエラーが発生する可能性があります。

  • IllegalArgumentException は、次のいずれかに関してログに記録されます。

    • 渡された resource パラメーターが null である。
    • 渡された resource パラメーターがビデオではない。
    • 渡された manifestType パラメーターが null である。
    • onlyIfPublished パラメーターは true として渡されたものの、ビデオが公開されていない。
    • Dynamic Media のアダプティブビデオセットを使用してビデオが取り込まれていない。
  • IOException は、Dynamic Media への接続で問題が発生した場合にログに記録されます。

  • 渡された manifestType パラメーターが ManifestType.DASH であるにもかかわらず、ビデオが DASH 形式で処理されていない場合、UnsupportedOperationException はログに記録されます。

このページ