現在表示中:

ここでは、ダイナミックメディアでのビデオの操作方法について説明します。

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

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

注意:

ダイナミックメディアのビデオを操作する前に、AEM 管理者が既にダイナミックメディアクラウドサービスを有効にして設定を完了していることを確認してください。

  1. 次の手順を実行して、ダイナミックメディアビデオをアップロードします

  2. 次のいずれかの操作をおこなって、ダイナミックメディアビデオを管理します。

     

  3. 次のいずれかの操作をおこなって、ダイナミックメディアビデオを公開します。

ダイナミックメディアでのビデオの操作

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

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

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

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

  1. ビデオプレーヤーは、プレーヤー自体の「初期ビットレート」に設定されている値に最も近いビットレートで、初期ビデオフラグメントを読み込みます。
  2. ビデオプレーヤーは、帯域幅の速度の変化に応じて、次の条件に従って切り替わります。
    1. プレーヤーは、見積もり帯域幅を超えない範囲内で、最も高い帯域幅でのストリームを選択します。
    2. プレーヤーは、使用可能な帯域幅の 80%ほどを見積もります。ただし、使用可能な帯域幅が上昇した場合は、帯域幅を大きく見積もりすぎてすぐに元の帯域幅に戻ることを防ぐために、より控えめな 70%ほどの見積もりとなります。

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

1 つのビデオおよびアダプティブビデオセットの管理では、次の方法がサポートされています。

  • サポートされる各種ビデオ形式およびオーディオ形式のビデオをアップロードして、複数の画面での再生用にビデオを MP4 H.264 形式へとエンコードすること。事前定義済みのアダプティブビデオセット、1 つのビデオのエンコーディングプリセットを使用するか、独自のエンコーディングをカスタマイズしてビデオの品質とサイズを制御することができます。
    • アダプティブビデオセットが生成される場合、そのセットには MP4 ビデオが含まれます。
    • 注意:マスター/ソースビデオはアダプティブビデオセットには追加されません。
  • すべての HTML5 ビデオビューアでのビデオキャプション。
  • 効率的なビデオアセット管理のための、メタデータが完全にサポートされたビデオの整理、参照および検索。
  • Web やデスクトップおよびモバイルデバイス(iPhone、iPad、Android、Blackberry および Windows Phone を含む)へのアダプティブビデオセットの配信。

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

ダイナミックメディアでは、MP4 H.264 ビデオのモバイルビデオ再生がサポートされています。このビデオ形式をサポートする Blackberry デバイスについては、Blackberry でサポートされているビデオ形式のページで確認できます。

このビデオ形式をサポートする Windows デバイスについては、Windows Phone でサポートされているビデオ形式で確認できます。

  • ダイナミックメディアビデオビューアプリセットを使用してビデオを再生します。このビューアプリセットには、次のビューアが含まれます。
    • 1 つのビデオのビューア
    • ビデオコンテンツと画像コンテンツの両方を組み合わせた混在メディアビューア
  • 自社ブランドのニーズに合わせてビデオプレーヤーを設定します。
  • 単純な URL か埋め込みコードを使用して、ビデオを Web サイト、モバイルサイトまたはモバイルアプリケーションに統合します。

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

『Adobe Scene7 ビューアリファレンスガイド』のHTML5 ビューアについても参照してください。

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

ダイナミックメディアの HTML5 ビデオビューアプリセットは堅牢なビデオプレーヤーです。このプリセットを使用すれば、HTML5 ビデオ再生でよくある問題や、モバイルデバイスに関する問題(アダプティブストリーミング配信機能がない、デスクトップブラウザーの対応状況が限定的であるなど)の多くを回避することができます。

プレーヤーのデザイン側から見れば、ビデオプレーヤーの全機能を、標準の Web 開発ツールでデザインできます。例えば、HTML5 と CSS を使用して、ボタン、コントロールおよびカスタムのポスター画像背景をデザインして、カスタマイズした表示によって顧客に対応することができます。

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

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

『Adobe Scene7 ビューアリファレンスガイド』のHTML5 ビューアについても参照してください。

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

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

ビデオの再生は、HLS(HTTP ライブストリーミング)ビデオストリーミングか、プログレッシブビデオダウンロードを使用しておこなわれます。6.0、6.1、6.2 など以前の AEM バージョンでは、ビデオは HTTP 上でストリーミングされました。

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

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

HLS(HTTP ライブストリーミング)は、アダプティブビデオストリーミングの Apple 標準で、ネットワーク帯域幅のキャパシティに応じて再生を自動的に調整します。また、HLS では、ビデオの残りのダウンロードを待たずに、ビデオ内の任意のポイントを「シーク」できます(「HTTP ライブストリーミング」も参照してください)。 

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

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

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

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

ダイナミックメディアビデオソリューションのアーキテクチャ

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

chlimage_1

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

chlimage_1

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

ダイナミックメディアを有効にし、ビデオクラウドサービスを設定済みの場合、ダイナミックメディアエンコードビデオワークフローがビデオをエンコードします。このワークフローは、ワークフローの処理履歴およびエラー情報を捕捉します。詳しくは、ビデオエンコーディングと YouTube への公開の進行状況の監視を参照してください。ダイナミックメディアを有効にし、ビデオクラウドサービスを設定済みの場合、ビデオをアップロードすると、ダイナミックメディアエンコードビデオワークフローが自動的に有効になります(ダイナミックメディアを使用していない場合は、DAM アセットの更新ワークフローが有効になります)。

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

ビデオエンコーディングに関するアドバイスについては、以下を参照してください。

ソースビデオファイル

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

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

サイズ

縦横比

最小ビットレート

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. 次の Web ページにアクセスします。http://mediainfo.sourceforge.net/en/Download

  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

一般的な高帯域幅接続。この高帯域幅の範囲でのエンコードは推奨されません。ほとんどのユーザーに対して、この速度でビデオを配信することはできません。

解像度

解像度は、ビデオファイルの高さと幅をピクセル単位で表したものです。ほとんどのソースビデオは、1,920 x 1,080 などの高解像度で保存されます。ストリーミング用のソースビデオは、比較的低い解像度(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 秒あたりのフレーム数)

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

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

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

最適化の理由で、ソースビデオのサイズがエンコードされるすべてのビデオの整数倍になるようなエンコーディングのサイズを選択してください。

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

結果の比率が整数の場合は、ビデオが最適なサイズで縮小されます。結果の比率が整数でない場合は、ディスプレイに圧縮による副作用のピクセルが残存して、ビデオの品質に影響を及ぼします。この影響は、ビデオにテキストが含まれる場合に特に目立ちます。

例として、1,920 x 1,080 のソースビデオを取り上げます。次の表の 3 つのエンコードされたビデオは、使用すべき最適なエンコーディング設定です。

ビデオタイプ

幅 x 高さ

幅の比率

高さの比率

ソース

1,920 x 1,080

1

1

エンコード

960 x 540

2

2

エンコード

640 x 360

3

3

エンコード

480 x 270

4

4

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

ダイナミックメディアでは、MP4 H.264 ビデオエンコーディングプリセットの使用を推奨しています。MP4 ファイルでは H.264 ビデオコーデックが使用されるので、高品質のビデオを圧縮されたファイルサイズで作成することができます。

YouTube へのビデオの公開

以前作成した YouTube チャネルに、オンプレミス AEM ビデオアセットを直接公開できます。

ビデオアセットを YouTube に公開するには、タグを使用して AEM Assets をセットアップします。これらのタグを 1 つ以上の YouTube チャネルに関連付けることができます。ビデオアセットのタグが YouTube チャネルのタグと一致する場合、ビデオが YouTube に公開されます。ビデオアセットにタグがない場合は、YouTube には公開されません。

YouTube への公開では AEM の処理プロファイルシステムがスキップされ、それに伴いビデオエンコーディングプロファイルもスキップされます。YouTube には独自のエンコーディング機能があり、ビデオの処理プロファイルは不要なので、このようにスキップされます。ただし、ほとんどの場合は、ビデオアセットにビデオ処理プロファイルを適用しておくことが予期されています。ビデオ処理プロファイルをスキップして YouTube に直接公開すると、AEM Assets のビデオアセットに対して、表示可能なサムネールが作成されません。また、ダイナミックメディア実行モードで実行する場合、エンコードされていないビデオは、どのダイナミックメディアアセットタイプとも機能しません。

ビデオアセットの YouTube サーバーへの公開において、YouTube との安全でセキュアなサーバー間認証をおこなうには、次のタスクを実行する必要があります。

  1. Google Cloud 設定
  2. YouTube チャネルの作成
  3. 公開用タグの追加
  4. YouTube への公開のレプリケーションエージェントの有効化
  5. AEM での YouTube の設定
  6. (オプション)アップロードしたビデオのデフォルト YouTube プロパティ設定の自動化
  7. YouTube チャネルへのビデオの公開
  8. (オプション)YouTube での公開済みビデオの確認
  9. Web アプリケーションへの YouTube URL のリンク

また、ビデオを非公開にして YouTube から削除することもできます。

Google Cloud 設定

YouTube に公開するには、Google アカウントが必要です。GMAIL のアカウントを持っている場合は、既に Google アカウントも所有しています。Google アカウントがない場合も、簡単に作成できます。Google アカウントが必要な理由として、YouTube へのビデオアセットの公開時に秘密鍵証明書が必要になります。既にアカウントを作成済みの場合は、このタスクをスキップして、YouTube への 1 つ以上のチャネルの追加タスクに進んでください。

注意:

以下の手順は、このドキュメントを執筆している時点で正確なものです。Google は、Web サイトを予告なく定期的に更新します。そのため、以下の手順は、最新の手順とは少し異なる場合もあります。

Google Cloud を設定するには:

  1. 新しい Google アカウントを作成します。
    https://accounts.google.com/SignUp?service=mail
    既に Google アカウントを持っている場合は、次のステップに進んでください。

  2. https://cloud.google.com/ にアクセスします。

  3. Google Cloud Platform ページの上部にある、「コンソール」をクリックします。Google アカウントの資格情報を使用して、「ログイン」しなければならない場合もあります。

  4. ダッシュボードページで、「プロジェクトを作成」をクリックします。

  5. 新しいプロジェクトダイアログボックスで、プロジェクト名を入力します。

    プロジェクト ID は、プロジェクト名に基づいて付けられます。そのため、プロジェクト名は慎重に選んでください。プロジェクト名を後で変更することはできません。また、このプロジェクト ID は、後で Adobe Experience Manager で YouTube をセットアップする際も入力する必要があります。このプロジェクト ID はメモしておいてください。

  6. 作成」をクリックします。

  7. このプロジェクトのダッシュボードで、「スタートガイド」カードの「API を有効化し、鍵などの認証情報を取得」をクリックします。

  8. ダッシュボードページの上部にある「API を有効にする」をクリックします。

  9. ライブラリページで、YouTube API の「YouTube Data API」をクリックします。

  10. YouTube Data API v3 ページの上部にある「有効にする」をクリックして、この API を有効にします。

  11. この API を使用するために資格情報が必要となる場合があります。その場合は、「認証情報を作成」をクリックします。

  12. API を呼び出す場所」ドロップダウンリストから、「ウェブサーバー(node.js、Tomcat など)」を選択します。

  13. アクセスするデータの種類」で、「ユーザーデータ」を選択します。

  14. 必要な認証情報」ボタンをクリックします。

  15. OAuth 2.0 クライアント ID を作成する」の下で、一意の名前を入力します。

  16. 承認済みの JavaScript 生成元」の下にあるテキストフィールドに、次のパスに従って、実際に使用するドメインとポート番号を入力します。入力が終わったら、Enter キーを押して、パスをリストに追加します。

    http://<servername.domain>:<port_number>

    例えば、http://1a2b3c.mycompany.com:4321 と入力します。

    注意:上記のパスは入力例です。

  17. 承認済みのリダイレクト URI」の下にあるテキストフィールドに、次のように、実際に使用するドメインとポート番号を入力します。入力が終わったら、Enter キーを押して、パスをリストに追加します。

    http://<servername.domain>:<port#>/etc/cloudservices/youtube.youtubecredentialcallback.json

    例えば、http://1a2b3c.mycompany.com:4321/etc/cloudservices/youtube.youtubecredentialcallback.json と入力します。

    注意:上記のパスは入力例です。

  18. クライアント ID の作成」をクリックします。

  19. 認証情報ページの「OAuth 2.0 同意画面を設定する」の下で、現在使用している Gmail アドレスを選択します。

  20. ユーザーに表示するサービス名」の下にあるテキストフィールドに、同意画面に表示するサービス名を入力します。

    同意画面は、AEM 管理者が YouTube の認証をおこなう際に表示され、AEM は YouTube に権限を要求します。

  21. 次へ」をクリックします。

  22. 認証情報をダウンロードする」の下にある「ダウンロード」をクリックします。

  23. client_id.json ファイルを保存します。

    このダウンロードした JSON ファイルは、後で Adobe Experience Manager で YouTube をセットアップするときに必要になります。

  24. 完了」をクリックします。

    次は、YouTube チャネルを作成します。

YouTube チャネルの作成

YouTube にビデオを公開するには、1 つ以上のチャネルが必要です。既に YouTube チャネルを作成している場合は、このタスクをスキップして、次の「公開用タグの追加」タスクに進んでください。

警告:

AEM の「YouTube 設定」にチャネルを追加する前に、YouTube のチャネルを既に 1 つ以上セットアップ済みであることを確認してください(以下の AEM での YouTube の設定を参照してください)。この確認をおこなわなくても、既存のチャネルが存在しないことを知らせる警告は表示されません。ただし、それでも、チャネルを追加する際に Google 認証がおこなわれますが、ビデオの送信先となるチャネルを選択するオプションがありません。

YouTube チャネルを作成するには:

  1. https://www.youtube.com にアクセスし、Google アカウントの資格情報を使用してログインします。

  2. YouTube ページの右上隅にあるプロファイル写真(内側に文字が表示された、べた塗りの円が表示されている場合はその円)をクリックし、「設定」(丸い歯車アイコン)をクリックします。

  3. 概要ページの「その他の機能」で、「チャネルをすべて表示するか、新しいチャネルを作成する」をクリックします。

  4. チャネルページで、「新しいチャネルを作成」をクリックします。

  5. ブランドアカウントページで、「ブランドアカウント名」フィールドに、ビジネス名や、ビデオアセットの公開先となる他のチャネル名を入力し、「作成」をクリックします。

    この名前は、AEM で YouTube をセットアップするときに入力する必要があるので、覚えておいてください。

  6. (オプション)必要に応じて、さらにチャネルを追加します。

    次は、公開用タグを追加します。

公開用タグの追加

AEM で、YouTube にビデオを公開するには、1 つ以上の YouTube チャネルにタグを関連付けます。公開用タグの追加については、タグの管理を参照してください。

また、AEM のデフォルトのタグを使用する場合は、このタスクをスキップして、次のYouTube への公開のレプリケーションエージェントの有効化タスクに進んでください。

 

YouTube への公開のレプリケーションエージェントの有効化

  1. AEM の左上隅にある AEM ロゴをクリックし、左側のレールでツール導入レプリケーション作成者のエージェントをクリックします。

  2. 作成者のエージェントページで、「YouTube の公開(YouTube)」をクリックします。

  3. ツールバーで、「設定」の右側にある「編集」をクリックします。

  4. 有効」チェックボックスをオンにして、レプリケーションエージェントをオンにします。

  5. OK」をクリックします。

    次は、AEM で YouTube をセットアップします。

AEM での YouTube の設定

  1. AEM の左上隅にある AEM ロゴをタップし、左側のレールでツール(ハンマーのアイコン)/導入クラウドサービスをクリックします。

  2. 「サードパーティのサービス」の下にある「YouTube」で、「今すぐ設定」をクリックします。

  3. 設定を作成ダイアログボックスで、タイトル(必須)と名前(オプション)をそれぞれのフィールドに入力します。

  4. 作成」をクリックします。

  5. YouTube アカウント設定ダイアログボックスで、「アプリケーション名」フィールドに Google プロジェクト ID を入力します。

    このプロジェクト ID は、先ほど Google Cloud 設定をおこなったときに指定したものです。
    YouTube アカウント設定ダイアログボックスを開いたままにしておきます。このダイアログボックスには後で戻ります。

  6. 任意のテキストエディターを使用して、「Google Cloud 設定」のタスクでダウンロードして保存しておいた JSON ファイルを開きます。

  7. この JSON テキスト全体を選択してコピーします。

  8. YouTube アカウント設定ダイアログボックスに戻ります。「JSON 設定」フィールドに JSON テキストを貼り付けます。

  9. OK」をクリックします。

    次は、AEM で YouTube チャネルをセットアップします。

  10. 利用可能なチャネル」の右側にある +(プラス記号のアイコン)をクリックします。

  11. YouTube チャネル設定ダイアログボックスの「タイトル」フィールドに、前の「YouTube への 1 つ以上のチャネルの追加」タスクで作成したチャネルの名前を入力します。

    オプションで、必要に応じて説明を追加できます。

  12. OK」をクリックします。

  13. YouTube/Google 認証が表示されます。Google Cloud アカウントにまだログインしていない場合は、この手順をスキップしてください。

    • 前述の Google プロジェクト ID と JSON テキストに関連付けられた Google ユーザー名とパスワードを入力します。
    • アカウントに存在するチャネルの数によっては、2 つ以上の項目が表示されます。チャネルを選択してください。電子メールアドレスを選択しないでください。
    • 次のページで、「確定」をタップして、このチャネルへのアクセスを許可します。

     

  14. 許可」をクリックします。

    次は、公開用タグを設定します。

  15. 公開用タグの設定 - クラウドサービス/YouTube ページで、鉛筆アイコンをクリックして、使用するタグのリストを編集します。

  16. ドロップダウンリストアイコン(上下逆のキャレット)をクリックして、AEM で利用可能なタグのリストを表示します。

  17. 1 つ以上のタグをクリックして追加します。

    追加したタグを削除するには、そのタグを選択して、X をクリックします。

  18. 使用するタグの追加が終了したら、「OK
    」をクリックします。

    次は、YouTube チャネルにビデオを公開します。

(オプション)アップロードしたビデオのデフォルト YouTube プロパティ設定の自動化

ビデオをアップロードする際に YouTube プロパティの設定を自動化できます。これをおこなうためには、メタデータ処理プロファイルを AEM で作成します。

メタデータ処理プロファイルを作成するには、まず「フィールドラベル」、「プロパティにマッピング」、「選択肢」の各フィールドの値をコピーします。これらはすべてビデオのメタデータスキーマで見つかります。次に、これらの値を追加して、YouTube ビデオメタデータ処理プロファイルを作成します。

アップロードしたビデオのデフォルト YouTube プロパティの設定を自動化するには:

  1. AEM の左上隅にある AEM ロゴをクリックし、左側のレールでツール(ハンマーのアイコン)/アセットメタデータスキーマをクリックします。

  2. デフォルト値」をクリックします(「デフォルト値」の左側にある選択ボックスにチェックマークを追加しないでください)。

  3. デフォルト値ページで、「ビデオ」の左側にあるボックスをオンにし、「編集」をクリックします。

  4. メタデータスキーマエディターページで、「詳細」タブをクリックします。

  5. 「YouTube への公開」の下で、「YouTube カテゴリ」をクリックします(YouTube カテゴリドロップダウンリストをクリックしないでください)。

  6. ページの右側の「設定」タブで次の手順を実行します。

    • フィールドラベル」テキストフィールドで、値を選択してコピーします。
      コピーした値を、開いているテキストエディターに貼り付けます。後でメタデータ処理プロファイルを作成するときにこの値が必要になります。テキストエディターは開いたままにしておきます。
    • プロパティにマッピング」テキストフィールドで、値を選択してコピーします。
      コピーした値を、開いているテキストエディターに貼り付けます。後でメタデータ処理プロファイルを作成するときにこの値が必要になります。テキストエディターは開いたままにしておきます。
    • 選択肢」の下で、使用するデフォルト値(「人とブログ」または「科学と技術」など)を選択してコピーします。
      コピーした値を、開いているテキストエディターに貼り付けます。後でメタデータ処理プロファイルを作成するときにこの値が必要になります。テキストエディターは開いたままにしておきます。
  7. 「YouTube への公開」の下で、「YouTube のプライバシー」をクリックします(YouTube のプライバシードロップダウンリストをクリックしないでください)。

  8. ページの右側の「設定」タブで次の手順を実行します。

    • フィールドラベル」テキストフィールドで、値を選択してコピーします。
      コピーした値を、開いているテキストエディターに貼り付けます。後でメタデータ処理プロファイルを作成するときにこの値が必要になります。テキストエディターは開いたままにしておきます。
    • プロパティにマッピング」テキストフィールドで、値を選択してコピーします。
      コピーした値を、開いているテキストエディターに貼り付けます。後でメタデータ処理プロファイルを作成するときにこの値が必要になります。テキストエディターは開いたままにしておきます。
    • 選択肢」の下で、使用するデフォルト値を選択してコピーします。選択肢は 2 つが 1 組になっています。1 組の下のフィールドは、コピーするデフォルト値(公開、非公開またはプライベート)です。
      コピーした値を、開いているテキストエディターに貼り付けます。後でメタデータ処理プロファイルを作成するときにこの値が必要になります。テキストエディターは開いたままにしておきます。
  9. メタデータスキーマエディターページの右上隅にある「キャンセル」をクリックします。

  10. AEM の左上隅にある AEM ロゴをタップし、左側のレールでツール(ハンマーのアイコン)/アセットメタデータプロファイルをクリックします。

  11. メタデータプロファイルページの右上隅にある「作成」をクリックします。メタデータプロファイルを追加ダイアログボックスの「プロファイルのタイトル」テキストフィールドに、「YouTube ビデオ」と入力します。

  12. メタデータプロファイルエディターページで、「詳細」タブをクリックします。

  13. 次の手順を実行して、コピーした「YouTube への公開」の値を、プロファイルに追加します。

    • ページの右側にある「フォームを作成」タブをクリックします。
    • セクションヘッダーというラベルのコンポーネントを左にドラッグして、フォーム領域にドロップします。
    • フィールドラベル」をクリックして、コンポーネントを選択します。
    • ページの右側にある「設定」タブで、「フィールドラベル」テキストフィールドに「YouTube への公開」と入力します。
    • フォームを作成」タブをクリックし、「1 行のテキスト」というラベルのコンポーネントをドラッグして、作成したばかりの「YouTube への公開」の下にドロップします。
    • フィールドラベル」をクリックして、コンポーネントを選択します。
    • ページの右側にある「設定」タブで、先ほどコピーした「YouTube への公開」の値(フィールドラベル値と、プロパティにマッピング値)をフォームのそれぞれのフィールドに貼り付けます。選択肢値を「デフォルト値」フィールドに貼り付けます。
  14. 次の手順を実行して、コピーした「YouTube のプライバシー」の値を、プロファイルに追加します。

    • ページの右側にある「フォームを作成」タブをクリックします。
    • セクションヘッダーというラベルのコンポーネントを左にドラッグして、フォーム領域にドロップします。
    • フィールドラベル」をクリックして、コンポーネントを選択します。
    • ページの右側にある「設定」タブで、「フィールドラベル」テキストフィールドに「YouTube のプライバシー」と入力します。
    • フォームを作成」タブをクリックし、「1 行のテキスト」というラベルのコンポーネントをドラッグして、作成したばかりの「YouTube のプライバシー」の下にドロップします。
    • フィールドラベル」をクリックして、コンポーネントを選択します。
    • ページの右側にある「設定」タブで、先ほどコピーした「YouTube への公開」の値(フィールドラベル値と、プロパティにマッピング値)をフォームのそれぞれのフィールドに貼り付けます。選択肢値を「デフォルト値」フィールドに貼り付けます。
  15. ページの右上隅にある「保存」をクリックします。

  16. YouTube への公開メタデータプロファイルを、ビデオのアップロード先フォルダーに適用します。メタデータプロファイルとビデオプロファイルを設定する必要があります。

    詳しくは、メタデータプロファイルビデオプロファイルを参照してください。

YouTube チャネルへのビデオの公開

次は、前の手順で追加したタグを、ビデオアセットに関連付けます。このプロセスによって、AEM は、YouTube チャネルに公開するアセットを把握します。

注意:

AEM では、YouTube からのコンテンツの公開に YouTube に公開ワークフローを使用します。このワークフローでは、進行状況を監視して、エラー情報を表示できます。

詳しくは、ビデオエンコーディングと YouTube への公開の進行状況の監視を参照してください。

YouTube チャネルにビデオを公開するには:

  1. AEM で、YouTube チャネルに公開するビデオアセットの場所に移動します。

  2. ビデオアセットを選択します。

    選択したビデオアセット(オリジナルのソースビデオや、そのエンコードされたレンディションなど)に関係なく、オリジナルのソースビデオが常にアップロードされます。

  3. ツールバーの「プロパティ」をクリックします。

  4. 「基本」タブの「メタデータ」で、「タグ」フィールドの右側にある「参照」をクリックします。

  5. タグを選択ページで、使用するタグに移動し、1 つ以上のタグを選択します。

  6. ページの右上隅にある「確認」アイコンをクリックします。

  7. ビデオのプロパティページの右上隅にある「保存」をクリックします。

  8. ツールバーの公開公開をクリックします。

    オプションで、YouTube チャネルで公開済みのビデオを確認できます。

(オプション)YouTube での公開済みビデオの確認

YouTube への公開(または非公開)の進行状況を監視できます。

詳しくは、ビデオエンコーディングと YouTube への公開の進行状況の監視を参照してください。

公開にかかる時間は、マスタービデオの形式、ファイルサイズ、アップロードトラフィックなどの多数の要因により左右されます。公開プロセスにかかる時間は、数分から数時間までの幅があります。また、高解像度の形式では、レンダリングの時間がかかることにも注意してください。例えば、720p や 1080p の場合、表示されるまでの時間が 480p よりも大幅に長くなります。

8 時間経っても「アップロード済み(処理中、お待ちください)」というステータスメッセージが表示される場合は、サイトからビデオを削除して再度アップロードしてみてください。

Web アプリケーションへの YouTube URL のリンク

ビデオの公開後、ダイナミックメディアによって生成された YouTube URL 文字列を取得できます。YouTube URL をコピーしたらクリップボードに配置されるので、必要に応じて Web サイトのページまたはアプリケーションに貼り付けることができます。

注意:

YouTube URL は、ビデオアセットを YouTube に公開するまではコピーできません。

Web アプリケーションに YouTube URL をリンクするには:

  1. URL をコピーする、YouTube への公開済みビデオアセットの場所に移動して選択します。

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

  2. ツールバーの「プロパティ」をクリックします。

  3. 詳細」タブをクリックします。

  4. 「YouTube への公開」の「YouTube URL リスト」で、URL テキストを選択し、Web ブラウザーにコピーしてアセットをプレビューするか、Web コンテンツページに追加します。

ビデオを非公開にして YouTube から削除

AEM でビデオアセットを非公開にすると、そのビデオは YouTube から削除されます。

 

警告:

YouTube 内からビデオを直接削除すると、AEM にはそのことがわかりません。そのため、AEM は、そのビデオがまだ YouTube に公開されているかのように機能を続けます。ビデオアセットを YouTube で非公開にするときは、必ず AEM からおこなってください。

注意:

AEM では、YouTube からのコンテンツの削除に YouTube で非公開ワークフローを使用します。このワークフローでは、進行状況を監視して、エラー情報を表示できます。

詳しくは、ビデオエンコーディングと YouTube への公開の進行状況の監視を参照してください。

ビデオを非公開にして YouTube から削除するには:

  1. AEM の左上隅にある AEM ロゴをタップし、左側のレールでツール(ハンマーのアイコン)/アセットをクリックします。

  2. YouTube チャネルで非公開にするビデオアセットの場所に移動します。

  3. アセット選択モードで、1 つ以上の公開済みビデオアセットを選択します。

  4. ツールバーの非公開非公開をクリックします。

ビデオエンコーディングと YouTube への公開の進行状況の監視

ビデオエンコーディングが適用されたフォルダーに新しいビデオをアップロードしたり、YouTube にビデオを公開したりする場合は、ビデオエンコーディング/YouTube への公開の進行状況(エラー状況)を様々な方法で監視できます。YouTube への公開の実際の進行状況は、ログを介してのみ把握できますが、YouTube への公開が失敗したか成功したかは、別の方法で示されます(以下の手順で説明します)。また、YouTube の公開ワークフローやビデオエンコーディングが完了するか中止されると、そのことを知らせる電子メール通知を受け取ることもできます。 

進行状況の監視

進行状況を監視するには(エンコーディング/YouTube の公開の失敗を含む):

  1. アセットフォルダー内のビデオエンコーディングの進行状況を表示します。

    • カード表示では、ビデオエンコーディングの進行状況は、アセットにパーセントで表示されます。エラーがある場合、エラー情報はアセットにも表示されます。 
    chlimage_1
    • リスト表示では、ビデオエンコーディングの進行状況は、「処理ステータス」列に表示されます。エラーがある場合は、そのメッセージも同じ列に表示されます。
    chlimage_1

    この列は、デフォルトでは表示されません。この列を有効にするには、ビュードロップダウンメニューから「設定を表示」を選択し、「処理ステータス」列を追加して、「更新」をタップまたはクリックします。

    chlimage_1
  2. アセット詳細の進行状況を表示します。アセットをタップまたはクリックしたら、ドロップダウンメニューを開き、「タイムライン」を選択します。タイムラインを、エンコーディングや YouTube への公開などのワークフローアクティビティに絞り込むには、「ワークフロー」を選択します。

    chlimage_1

    エンコーディングなどのワークフロー情報がタイムラインに表示されます。YouTube の公開の場合、ワークフロータイムラインには、YouTube チャネルの名前と YouTube ビデオの URL も含まれます。さらに、ワークフロータイムラインには、エラー通知も表示されます。

    注意:

    http://localhost:4502/system/console/configMgr からの再試行再試行遅延およびタイムアウトに関する複数のワークフロー設定があるので、失敗/エラーメッセージが最終的に記録されるまでには長時間を要する可能性があります。例えば、次の設定です。

    • Apache Sling Job Queue Configuration
    • Adobe Granite Workflow External Process Job Handler
    • Granite Workflow Timeout Queue

    これらの設定の再試行再試行遅延およびタイムアウトプロパティは調整できます。

  3. 進行中のワークフローについては、ツールワークフローインスタンスからワークフローインスタンスを表示します。

    注意:

    ツールメニューにアクセスするには、管理者権限が必要となる場合があります。

    chlimage_1

    インスタンスを選択し、「履歴を開く」をタップまたはクリックします。

    chlimage_1

    ワークフローインスタンス領域から、ワークフローを休止、終了または名前変更できます。詳しくは、ワークフローの管理を参照してください。

  4. エラーが発生したジョブについては、ツールワークフローエラーからワークフローエラーを表示します。ワークフローエラーに、エラーが発生したすべてのワークフローアクティビティが表示されます。

    注意:

    ツールメニューにアクセスするには、管理者権限が必要となる場合があります。

    chlimage_1

    注意:

    http://localhost:4502/system/console/configMgr からの再試行再試行遅延およびタイムアウトに関する複数のワークフロー設定があるので、エラーメッセージが最終的に記録されるまでには長時間を要する可能性があります。例えば、次の設定です。

    • Apache Sling Job Queue Configuration
    • Adobe Granite Workflow External Process Job Handler
    • Granite Workflow Timeout Queue

    これらの設定の再試行再試行遅延およびタイムアウトプロパティは調整できます。

  5. 完了したワークフローについては、ツールワークフローアーカイブからワークフローアーカイブを表示します。ワークフローアーカイブに、完了したすべてのワークフローアクティビティが表示されます。

    注意:

    ツールメニューにアクセスするには、管理者権限が必要となる場合があります。

    chlimage_1
  6. 中止またはエラーが発生したワークフロージョブに関する電子メール通知を受け取ることができます。これらの電子メール通知は、管理者が設定できます。詳しくは、電子メール通知の設定を参照してください。

電子メール通知の設定

注意:

ツールメニューにアクセスするには、管理者権限が必要となる場合があります。

通知の設定方法は、エンコーディングジョブに関する通知と、YouTube への公開ジョブに関する通知のどちらを希望しているかによって異なります。

  • エンコーディングジョブの場合、ツール運営Web コンソールを選択して、Day CQ Workflow Email Notification Service を検索することで、すべての AEM ワークフロー電子メール通知の設定ページにアクセスできます。詳しくは、AEM の電子メール通知の設定を参照してください。「Notify on Abort」または「Notify on Complete」のチェックボックスをオン/オフにできます。
  • YouTube への公開ジョブの場合、次の手順に従います。
  1. AEM で、ツールワークフローモデルを選択します。

  2. YouTube に公開ワークフローを選択し、「編集」をタップまたはクリックします。

  3. YouTube のアップロードワークフロー手順を右クリックし、「編集」をタップまたはクリックします。

  4. 引数」タブをクリックします。

  5. 次のチェックボックスをオンまたはオフにできます。

    • 公開開始
    • 公開の失敗
    • 公開の完了(チャネルと URL に関する情報を含む)

    チェックボックスをオフにすると、YouTube の公開ワークフローから指定された電子メール通知は届きません。

    注意:

    これらの電子メールは YouTube に固有で、かつ一般的なワークフロー電子メール通知です。結果として、設定に応じて、Day CQ Workflow Email Notification Service で使用できる一般的な通知と、YouTube に固有の通知の 2 つの電子メール通知セットを受け取ることができます。

ビデオレポートの表示

注意:

ビデオレポートは、ハイブリッドモードでダイナミックメディアを実行している場合に使用できます。Scene7 モードのダイナミックメディアを実行している場合、レポートを使用することはできません。

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

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

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

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

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

ダイナミックメディアクラウドサービスの設定も参照してください。

注意:

トラッキングおよびレポートのデータは、ダイナミックメディア独自のビデオプレーヤーと関連するビデオプレーヤープリセットの使用状況のみに基づいています。そのため、他のビデオプレーヤーによって再生されたビデオを追跡およびレポートすることはできません。

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

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

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

  1. AEM の左上隅にある AEM ロゴをタップしてから、左側のレールでツール(ハンマーのアイコン)/アセットビデオレポートをタップします。

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

    • 右上付近にあるビデオレポートを更新アイコンをタップします。
      「更新」を使用する必要があるのは、レポートの最終日が今日の日付である場合のみです。この操作によって、前回のレポート実行以降に発生したビデオトラッキングを確認できます。
    • 右上付近にある日付選択アイコンをタップします。
      ビデオデータを表示する開始日と終了日の範囲を指定し、「レポートを実行」をタップします。

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

     

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

Scene7 HTML5 ビューア SDK を使用して作成したビデオビューアに基づくビデオレポートの表示

ダイナミックメディアで標準提供されているビデオビューアを使用している場合、または標準提供のビデオビューアからカスタムのビューアプリセットを作成した場合は、ビデオレポートを表示するための追加手順は必要ありません。これに対して、Scene7 HTML5 ビューア SDK から独自のビデオビューアを作成した場合は、次の手順を実行して、ビデオビューアがダイナミックメディアのビデオレポートにトラッキングイベントを送信するように設定する必要があります。

独自のビデオビューアを作成するには、Scene7 ビューアリファレンスと Scene7 HTML5 ビューア SDK を使用します。

詳しくは、Scene7 ビューアリファレンスガイドを参照してください。

Scene7 HTML ビューア SDK は、Adobe Developer Connection からダウンロードできます。

詳しくは、Adobe Developer Connection を参照してください。

 

Scene7 HTML5 ビューア SDK を使用して作成したビデオビューアに基づいてビデオレポートを表示するには:

  1. 公開済みビデオアセットの場所に移動します。

  2. アセットのページの左上隅付近にある、ドロップダウンリストで「ビューア(Vierwers)」を選択します。

  3. 任意のビデオビューアプリセットを選択し、埋め込みコードをコピーします。

  4. 埋め込みコード内の次の行を探します。

    videoViewer.setParam("config2", "<value>");

    この config2 パラメーターによって、HTML5 ビューアでのトラッキングが有効になります。また、これは、ビデオレポートの設定情報と、顧客ごとの Adobe Analytics の設定情報を含む企業特有のプリセットでもあります。

    config2 パラメーターの正しい値は、埋め込みコードURL コピー機能のいずれかで検索できます。URL コピーコマンドから取得した URL 内で探すべきパラメーターは、&config2=<value> です。この値はほぼ常に companypreset ですが、一部のケースでは companypreset-1 companypreset-2 などとなっていることもあります。

  5. カスタムのビデオビューアコードで、次の操作をおこなって、ビューアページに AppMeasurementBridge.jsp を追加します。

    • まず、&preset パラメーターが必要かを判断します。
      config2 パラメーターが companypreset の場合は、&preset=parameter は必要ありません。
      config2 がその他の場合は、preset パラメーターを config2 パラメーターと同じ値に設定します。例えば、config2=companypreset-2 の場合、&param2=companypreset-2 を AppMeasurmentBridge.jsp URL に追加します。
    • さらに、次の AppMeasurementBridge.jsp のスクリプトを追加します。
      <script language="javascript" type="text/javascript" src="http://s7d1.scene7.com/s7viewers/AppMeasurementBridge.jsp?company=robindallas&preset=companypreset-2"></script>
  6. 次の操作をおこなって、TrackingManager コンポーネントを作成します。

    • s7sdk.Utils.init(); をコールした後に、次の行を追加して、TrackingManager インスタンスを作成し、イベントを追跡します。
      var trackingManager = new s7sdk.TrackingManager();
    • 次の操作をおこなって、コンポーネントを TrackingManager に接続します。
      s7sdk.Event.SDK_READY イベントハンドラーで、追跡するコンポーネントを TrackingManager に関連付けます。
      例えば、コンポーネントが videoPlayer の場合、
      trackingManager.attach(videoPlayer);
      を追加して、このコンポーネントを trackingManager に関連付けます。ページ上の複数のビューアを追跡するには、複数のトラッキングマネージャーコンポーネントを使用します。
    • 次のコードを追加して、AppMeasurementBridge オブジェクトを作成します。
      var appMeasurementBridge = new AppMeasurementBridge();        appMeasurementBridge.setVideoPlayer(videoPlayer);
    • 次のコードを追加して、トラッキング関数を追加します。
      trackingManager.setCallback(appMeasurementBridge.track, 
       appMeasurementBridge);

    appMeasurementBridge オブジェクトには組み込みのトラッキング関数があります。ただし、複数のトラッキングシステムやその他の機能をサポートするために、独自のトラッキング関数を作成することもできます。 

    詳しくは、『Scene7 HTML5 Viewer SDK User Guide』の「Using the TrackingManager Component」を参照してください。このガイドは、Adobe Developer Connection からダウンロードできます。

ビデオへのキャプションの追加

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

聴覚障害者のためのクローズドキャプションを使用することで、キャプションによってアクセシビリティを大幅に向上させることもできます。

注意:

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

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

URL で JSON 機能を使用する方法について詳しくは、Scene7 画像サービング API ヘルプの静的コンテンツ(画像以外)の提供(英語)を参照してください。

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

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

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

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

    ダイナミックメディアの外部でキャプション/サブタイトルのファイルを作成するための無料ツールや有料ツールがあります。例えば、スタイル設定なしの単純なビデオキャプションファイルを作成するには、次に示すキャプションの作成および編集用の無償オンラインツールを使用できます。

    WebVTT Caption Maker

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

    ツールの「Enter URL of video file」フィールドにビデオファイルの URL をコピーして貼り付け、「Load」をクリックします。アセットの URL の取得を参照して、ビデオファイルそのものの URL を取得し、それを「Enter URL of video file field」に貼り付けてください。その後、Internet Explorer、Chrome、または Safari で、ビデオを再生できます。

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

    注意:

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

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

  2. AEM で、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 つのビデオまたはアダプティブビデオセットにチャプターマーカーを追加すると、長編ビデオの視聴と操作が簡単になります。ビデオの再生中に、ビデオのタイムライン(ビデオスクラバーとも呼ばれる)上のチャプターマーカーをクリックするだけで、関心があるポイントや、新しいコンテンツ、デモ、チュートリアルなどにすぐに移動できます。

注意:

ビデオプレーヤーが、チャプターマーカーの使用をサポートしている必要があります。ダイナミックメディアビデオプレーヤーは、チャプターマーカーをサポートしていますが、サードパーティのビデオプレーヤーは、チャプターマーカーを必ずしもサポートしているとは限りません。

必要であれば、ビデオビューアプリセットを使用するのではなく、チャプター機能を備えた独自のカスタムビデオビューアを作成して、ブランディングできます。チャプターナビゲーション機能を備えた独自の HTML5 ビューアの作成方法について詳しくは、『Adobe Scene7 Viewer SDK for HTML5』の「Customizing Behavior Using Modifiers」で s7sdk.video.VideoPlayer クラスと s7sdk.video.VideoScrubber クラスの説明を参照してください。Adobe Scene7 Viewer SDK は、Adobe Developer Connection からダウンロードして入手できます。

ビデオのチャプターリストを作成する方法は、キャプションを作成する方法とほとんど同じです。つまり、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: The Web Video Text Tracks Format を参照してください。

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

  1. AEM 外で、単純なテキストエディターを使用して、ビデオチャプターファイルを作成します。

    注意:

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

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

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

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

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

  4. 次のいずれかの操作をおこないます。

    ポップアップビデオビューアエクスペリエンスの場合
    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>"

ビデオのサムネールについて

ダイナミックメディアによって自動的に生成される 10 個のサムネール画像の中から、ビデオに追加する画像を 1 つ選択できます。選択したサムネールは、ビデオアセットを AEM Sites、AEM Mobile または AEM Screens のオーサリング環境でダイナミックメディアコンポーネントと使用するときに、ビデオプレーヤーに表示されます。このサムネールは、ビデオの内容を最も適切に表し、かつユーザーが再生ボタンをクリックしたくなるような静的画像として提供されます。

ビデオの合計時間に基づいて、ダイナミックメディアは、10 個(デフォルト)のサムネール画像を、1%、11%、21%、31%、41%、51%、61%、71%、81%および 91%でビデオに取り込みます。10 個のサムネールは維持されます。つまり、後で別のサムネールを選択することになっても、一連のサムネールを再生成する必要はありません。10 個のサムネール画像をプレビューした後、ビデオで使用する画像を選択します。デフォルトに変更する場合は、CRXDE Lite を使用して、サムネール画像が生成される時間間隔を設定できます。例えば、等間隔の 4 つのサムネール画像をビデオから生成するだけの場合は、間隔時間を 24%、49%、74%および 99%に設定できます。

理論上、ビデオをアップロードしてから Web サイトで公開するまでの間は、ビデオサムネールをいつでも追加できます。

必要であれば、ダイナミックメディアによって生成されるサムネールを使用するのではなく、カスタムサムネールをアップロードしてビデオを表すことも可能です。例えば、ビデオのタイトル、人目を引くオープニング画像、またはビデオからキャプチャした特定の画像を持つカスタムサムネール画像を作成できます。アップロードするカスタムビデオサムネール画像は、最大解像度が 1280 x 720 ピクセル(最小幅 640 ピクセル)で、2MB を超えてはなりません。

注意:

カスタムビデオサムネールを使用できるのは、ダイナミックメディア - ハイブリッドモードを実行している場合のみです。

ビデオサムネールの追加

  1. ビデオサムネールを追加する、アップロード済みビデオアセットに移動します。

  2. リスト表示またはカード表示のアセット選択モードで、ビデオアセットをタップします。

  3. ツールバーのプロパティを表示アイコン(丸で囲まれた「i」)をタップします。

  4. ビデオのプロパティページで、「サムネールを変更」をタップします。

  5. サムネールを変更ページで、ツールバーの「フレームを選択」をタップします。

    デフォルトの時間間隔またはカスタマイズした時間間隔に基づき、ダイナミックメディアによって一連のサムネール画像がビデオから生成されます。

  6. 生成されたサムネール画像をプレビューした後、ビデオに追加する画像を選択します。

  7. 変更を保存」をタップします。

    ビデオのサムネール画像が更新され、選択したサムネールが使用されます。後で、サムネール画像を変更する場合は、サムネールを変更ページに戻って、新しい画像を選択できます。

    新しいデフォルトの時間間隔を設定した場合、または新しいビデオをアップロードして既存のビデオを置き換えた場合、ダイナミックメディアによってサムネールを再生成する必要があります。

    詳しくは、ビデオサムネールが生成されるデフォルトの時間間隔の設定を参照してください。

ビデオサムネールが生成されるデフォルトの時間間隔の設定

新しいデフォルトの時間間隔を設定して保存すると、この変更は、今後アップロードするビデオに対してのみ自動的に反映されます。以前にアップロードしたビデオには、新しいデフォルトは自動的に適用されません。既存のビデオについては、サムネールを再生成する必要があります。

詳しくは、ビデオサムネールの追加を参照してください。

ビデオサムネールが生成されるデフォルトの時間間隔を設定するには:

  1. AEM で、ツール一般CRXDE Lite をタップします。

  2. CRXDE Lite ページの左側にあるディレクトリパネルで、etc/dam/imageserver/configuration/jcr:content/settings. に移動します。

    このディレクトリパネルが表示されない場合は、「ホーム」タブの左側にある >> アイコンをタップします。

  3. 右下のパネルにある「プロパティ」タブで、「thumbnailtime」をダブルタップします。

  4. thumbnailtime を編集ダイアログボックスで、テキストフィールドに間隔値を割合で入力します。

    • プラス記号(+)アイコンをタップして、1 つ以上の間隔値フィールドを追加します。このアイコンは、ダイアログボックスの下部までスクロールしないと表示されない場合があります。
    • リストから間隔値フィールドを削除するには、そのフィールドの右側にあるマイナス記号(-)アイコンをタップします。
    • 上向き矢印アイコンと下向き矢印アイコンをタップして、間隔値の順序を変更します。

     

  5. OK」をタップして、「プロパティ」タブに戻ります。

  6. CRXDE Lite ページの左上隅にある「すべて保存」をタップした後、左上隅の「ホームに戻る」アイコンをタップして AEM に戻ります。

    詳しくは、ビデオサムネールの追加を参照してください。

カスタムビデオサムネールの追加

注意:

この機能を使用できるのは、ダイナミックメディア - ハイブリッドモードを実行している場合のみです。

  1. ビデオサムネールを追加する、アップロード済みビデオアセットに移動します。

  2. リスト表示またはカード表示のアセット選択モードで、ビデオアセットをタップします。

  3. ツールバーのプロパティを表示アイコン(丸で囲まれた「i」)をタップします。

  4. ビデオのプロパティページで、「サムネールを変更」をタップします。

  5. サムネールを変更ページで、ツールバーの「新しいサムネールをアップロード」をタップします。

  6. 使用するサムネール画像に移動して、その画像を選択します。次に、「開く」をタップして、AEM への画像のアップロードを開始します。

  7. 画像が正常にアップロードされたら、サムネールを変更ページの「変更を保存」をタップします。

    カスタムサムネールがビデオに追加されます。

本作品は Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License によってライセンス許可を受けています。  Twitter™ および Facebook の投稿には、Creative Commons の規約内容は適用されません。

法律上の注意   |   プライバシーポリシー