ビデオ video

CAUTION
AEM 6.4 の拡張サポートは終了し、このドキュメントは更新されなくなりました。 詳細は、 技術サポート期間. サポートされているバージョンを見つける ここ.

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

クイックスタート:ビデオ quick-start-videos

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

NOTE
Dynamic Media のビデオを操作する前に、AEM 管理者が既に Dynamic Media Cloud Services を有効にして設定を完了していることを確認してください。
  1. 次の手順を実行して、Dynamic Media ビデオをアップロード ​します。

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

ビデオレンディションの管理。

  * [ビューアプリセットの管理](managing-viewer-presets.md)
  * [アセットの公開](https://experienceleague.adobe.com/docs/experience-manager-64/assets/dynamic/publishing-dynamicmedia-assets.html?lang=ja)
  • ビデオのメタデータを操作します。

    • フレームレート、オーディオおよびビデオのビットレート、コーデックなど、エンコードされたビデオレンディションのプロパティを表示します。

      ビデオレンディションのプロパティの表示

    • タイトル、説明、タグ、カスタムメタデータフィールドなど、ビデオのプロパティを編集します。

ビデオのプロパティの編集

  * [デジタルアセット用のメタデータの管理](metadata.md)
  * [メタデータスキーマ](metadata-schemas.md)
  1. 次のいずれかの操作を行って、Dynamic Media ビデオを公開します

Dynamic Media でのビデオの操作 working-with-video-in-dynamic-media

Dynamic Media のビデオは、高品質のアダプティブビデオを簡単に公開して、デスクトップ、iOS、Android、Blackberry、Windows などのモバイルデバイスを含む複数の画面にストリーミングするためのエンドツーエンドのソリューションです。アダプティブビデオセットでは、同じビデオを、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 形式へのビデオのエンコーディング。 事前定義済みのアダプティブビデオプリセット、または単一のビデオエンコーディングプリセットを使用するか、独自のエンコーディングをカスタマイズしてビデオの品質とサイズを制御することができます。

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

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

  • Web やデスクトップおよびモバイルデバイス(iPhone、iPad、Android、Blackberry および Windows Phone を含む)へのアダプティブビデオセットの配信。

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

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

このビデオ形式をサポートする Windows デバイスは、次の場所にあります。 Windows Phone でサポートされるビデオ形式

  • 以下を含む Dynamic Media ビデオビューアープリセットを使用して、ビデオを再生します。

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

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

関連トピック HTML5 ビューアについて (『Dynamic Mediaビューアリファレンスガイド』Adobe)。

ベストプラクティス:HTML5 ビデオビューアの使用 best-practice-using-the-html-video-viewer

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

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

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

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

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

HTML5 ビデオビューアを使用した、デスクトップコンピューターおよびモバイルデバイス上でのビデオ再生 playback-of-video-on-desktop-computers-and-mobile-devices-using-the-html-video-viewer

デスクトップおよびモバイルへのアダプティブビデオストリーミングの場合、ビットレートの切り替えに使用されるビデオは、アダプティブビデオセット内のすべての 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のアダプティブビデオストリーミングの標準規格で、ネットワーク帯域幅の容量に基づいて再生を自動的に調整します。 また、ユーザーは、ビデオの残りのダウンロードを待たずに、ビデオ内の任意のポイントを「シーク」できます(HTTP ライブストリーミングも参照)。

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

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

デバイス
ブラウザー
ビデオ再生モード
デスクトップ
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 ビデオストリーミング.

Dynamic Media ビデオソリューションのアーキテクチャ architecture-of-dynamic-media-video-solution

次の図は、DMGateway を使用してアップロードおよびエンコードされ、一般向けに利用可能になったビデオのオーサリングワークフロー全体を示しています。

chlimage_1-427

ビデオのハイブリッド公開アーキテクチャ hybrid-publishing-architecture-for-videos

chlimage_1-428

ビデオエンコーディングのベストプラクティス best-practices-for-encoding-videos

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

プライマリソースビデオファイル source-video-files

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

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

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

サイズ
縦横比
最低ビットレート
1024 x 768
4:3
ほとんどのビデオで 4500 kbps
1280 x 720
16:9
ビデオ内のモーションの量に応じて 3,000~6,000 kbps。
1920 x 1080
16:9
ビデオ内のモーションの量に応じて 6,000~8,000 kbps

ファイルのメタデータの取得 obtaining-a-file-s-metadata

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

  1. この Web ページに移動: https://mediaarea.net/en/MediaInfo.
  2. 使用している GUI バージョン用のインストーラを選択してダウンロードし、インストール手順に従います。
  3. インストール後、ビデオファイルを右クリックし(Windows のみ)、 MediaInfo ​または開く MediaInfo をクリックし、ビデオファイルをアプリケーションにドラッグします。幅、高さ、fps など、ビデオファイルに関連付けられているすべてのメタデータが表示されます。

縦横比 aspect-ratio

マスタービデオファイルのビデオエンコーディングプリセットを選択または作成する場合は、プリセットの縦横比がマスタービデオファイルと同じであることを確認します。 縦横比とは、ビデオの高さに対する幅の比率のことです。

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

幅/高さ = 縦横比

次の表に、数式の結果が一般的なアスペクト比に変換される方法を示します。

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

例えば、幅が 1440 x 1080 のビデオの縦横比は1440/1080(1.33) です。この場合、縦横比が 4:3 のビデオエンコーディングプリセットを選択してビデオファイルをエンコードします。

ビットレート bitrate

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

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

ビットレートエンコーディングは、次の 2 つのタイプから選択できます。

  • 固定ビットレートエンコーディング (CBR)- CBR エンコーディング中は、ビットレートまたは 1 秒あたりのビット数が、エンコーディングプロセス全体で同じに保たれます。 CBR エンコーディングでは、設定されているデータレートが、ビデオ全体での設定値として使用されます。また、CBR エンコーディングでは、メディアファイルの品質は最適化されませんが、その分、空き容量の節約になります。

    ビデオ全体に同じようなモーションレベルが含まれている場合は、CBR を使用します。CBR は、ビデオコンテンツのストリーミングに最も一般的に使用されています。カスタムで追加するビデオエンコーディングパラメーターの使用も参照してください。

  • 可変ビットレートエンコーディング (VBR) - VBR エンコーディングでは、圧縮形式で必要なデータに基づいて、データのレートが設定した下限から上限の範囲内で調整されます。 つまり、VBR エンコーディングプロセスでは、メディアファイルのビットレートが、そのニーズに応じて動的に増減します。

    VBR は、CBR よりエンコードに時間がかかりますが、生成されるメディアファイルは最高品質となります。VBR は、ビデオコンテンツの HTTP プログレッシブ配信に最も一般的に使用されます。

VBR と CBR のどちらを使用するべきか VBR と CBR のどちらを選択するべきかという話になると、ほとんどの場合、メディアファイルには VBR を使用することをお勧めします。VBR は、競争相手のビットレートでより高品質なファイルを提供します。 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
一般的な高ブロードバンド接続。この速度ではほとんどの消費者にビデオを配信できないので、これを範囲の上限としてエンコーディングすることはお勧めしません。

解像度 resolution

解像度 ​は、ビデオファイルの高さと幅をピクセル単位で表したものです。ほとんどのソースビデオは、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 秒あたりのフレーム数) fps-frames-per-second

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

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

ビデオエンコーディングのサイズ video-encoding-dimensions

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

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

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

例えば、ソースビデオが 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

エンコードされたビデオのファイル形式 encoded-video-file-format

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

YouTubeへのビデオの公開 publishing-videos-to-youtube

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

ビデオアセットをYouTubeに公開するには、タグを含んだAEM Assetsを設定します。 これらのタグを YouTube チャンネルに関連付けます。ビデオアセットのタグが YouTube チャンネルのタグと一致する場合、ビデオが YouTube に公開されます。ビデオアセットにタグが付いていない場合、YouTubeには公開されません。

YouTubeに公開すると、AEMの処理プロファイルシステムがバイパスされるので、ビデオエンコーディングプロファイルもバイパスされます。 YouTubeには独自のエンコーディングがあるので、ビデオ処理プロファイルは不要なので、このバイパスが発生します。 ただし、ほとんどの場合は、ビデオアセットに既にビデオ処理プロファイルを経由していることが予想されます。 ビデオ処理プロファイルをスキップしてYouTubeに直接公開する場合、AEM Asset のビデオアセットに表示可能なサムネールが表示されません。 また、Dynamic Media 実行モードでを実行する場合、エンコードされていないビデオは、Dynamic Mediaのアセットタイプのいずれでも機能しません。

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

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

Google Cloud の設定 configuring-google-cloud-settings

YouTubeに公開するには、Googleアカウントが必要です。GMAIL アカウントをお持ちの場合、既にGoogleアカウントをお持ちです。Googleアカウントをお持ちでない場合は、簡単に作成できます。ビデオアセットをYouTubeに公開するための資格情報が必要なので、アカウントが必要です。 既にアカウントを作成している場合は、このタスクをスキップして次に進みます。 YouTubeチャネルの作成.

NOTE
以下の手順は、このドキュメントの作成時点では正しいものです。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 は、プロジェクト名に基づいています。 そのため、プロジェクト名は慎重に選んでください。プロジェクト名を後で変更することはできません。また、後でAdobe Experience ManagerでYouTubeを設定する際には、同じプロジェクト ID を再度入力する必要があります。 プロジェクトの ID を書き留めることができます。

  6. 作成」をタップします。

  7. プロジェクトの ダッシュボードはじめに カード、タップ API を有効にし、キーなどの資格情報を取得する.

  8. の上部付近 ダッシュボード ページ、タップ API を有効にする.

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

  10. の上部付近 YouTube Data API v3 ページ、タップ 有効にする をオンにします。

  11. API を使用するには、資格情報が必要な場合があります。 必要に応じて、 資格情報を作成.

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

  13. の下 アクセスするデータの種類 選択 ユーザーデータ.

  14. 必要な認証情報」をタップします。 button.

  15. 以下 OAuth 2.0 クライアント ID の作成 見出しに一意の名前を入力します。

  16. の下のテキストフィールド 承認済みの JavaScript オリジン 見出しに次のパスを入力します。パスに独自のドメインとポート番号を入力し、 入力 リストにパスを追加するには、次の手順に従います。

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

    例:https://1a2b3c.mycompany.com:4321

    注意:上記のパスの例は、説明用です。

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

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

    例:https://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 ファイルを保存します。

    後でAdobe Experience ManagerでYouTubeを設定する際に、このダウンロードした JSON ファイルが必要になります。

  24. 完了」をタップします。

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

YouTube チャンネルの作成 creating-a-youtube-channel

YouTube にビデオを公開するには、1 つ以上のチャンネルが必要です。既にYouTubeチャネルを作成している場合は、このタスクをスキップして、に移動できます。 公開用タグの追加.

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

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

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

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

  3. 概要 ページの その他の機能 見出し、タップ すべてのチャネルを表示するか、新しいチャネルを作成する.

  4. チャネル ページ、タップ 新しいチャネルを作成.

  5. ブランドアカウント ページの ブランドアカウント名 「 」フィールドで、ビデオアセットの公開先として選択するビジネス名または他のチャネル名を入力し、「 」をタップします 作成.

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

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

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

公開用タグの追加 adding-tags-for-publishing

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

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

YouTube への公開のレプリケーションエージェントを有効にする enabling-the-youtube-publish-replication-agent

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

  2. 作成者のエージェント ページ、タップ YouTube Publish (youtube).

  3. ツールバーの「設定」の右にあるをタップします。 編集.

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

  5. タップ OK.

    次に、AEMでYouTubeを設定します。

AEMでのYouTubeの設定 setting-up-youtube-in-aem

  1. AEMの左上隅にあるAEMロゴをタップし、左側のレールでをタップします。 ツール/導入/Cloud Services.

  2. 以下 サードパーティのサービス 見出し、「YouTube」の下の「 」をタップします。 今すぐ設定.

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

  4. 作成」をタップします。

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

    このプロジェクト ID は、先ほど Google Cloud 設定を行ったときに指定したものです。

    YouTubeアカウント設定 ダイアログボックスが開きます。すぐに戻って来る

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

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

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

  9. OK」をタップします。

    次に、AEMでYouTubeチャネルを設定します。

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

  11. YouTube Channel Settings ダイアログボックス、 タイトル 「 」フィールドに、タスクで作成したチャネルの名前を入力します CYouTubeチャネルの作成 早く

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

  12. OK」をタップします。

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

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

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

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

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

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

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

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

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

(オプション)アップロードしたビデオのデフォルト YouTube プロパティ設定の自動化 optional-automating-the-setting-of-default-youtube-properties-for-your-uploaded-videos

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

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

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

  1. AEMの左上隅にあるAEMロゴをタップし、左側のレールでをタップします。 ツール/アセット/メタデータスキーマ.

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

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

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

  5. 「YouTubeパブリッシング」の見出しの下で、をタップします。 YouTube Category. (「 YouTubeカテゴリ」ドロップダウンリストはタップしないでください )。

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

    • フィールドラベル テキストフィールドで、値を選択してコピーします。

      コピーした値を、開いているテキストエディターに貼り付けます。 この値は、後でメタデータ処理プロファイルを作成する際に必要になります。テキストエディターを開いたままにします。

    • プロパティにマッピング」テキストフィールドで、値を選択してコピーします。

      コピーした値を、開いているテキストエディターに貼り付けます。この値は、後でメタデータ処理プロファイルを作成する際に必要になります。テキストエディターを開いたままにします。

    • 選択肢」の下で、使用するデフォルト値(「人とブログ」または「科学と技術」など)を選択してコピーします。

      コピーした値を、開いているテキストエディターに貼り付けます。この値は、後でメタデータ処理プロファイルを作成する際に必要になります。テキストエディターを開いたままにします。

  7. 「YouTube への公開」の見出し下にある「YouTube のプライバシー」をタップします。(「 YouTubeプライバシー」ドロップダウンリストはタップしないでください )。

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

    • フィールドラベル テキストフィールドで、値を選択してコピーします。

      コピーした値を、開いているテキストエディターに貼り付けます。 この値は、後でメタデータ処理プロファイルを作成する際に必要になります。テキストエディターを開いたままにします。

    • プロパティにマッピング」テキストフィールドで、値を選択してコピーします。

      コピーした値を、開いているテキストエディターに貼り付けます。この値は、後でメタデータ処理プロファイルを作成する際に必要になります。テキストエディターを開いたままにします。

    • 選択肢 ​で、使用するデフォルト値を選択してコピーします。選択肢は 2 つが 1 組になっています。1 組の下のフィールドは、コピーするデフォルト値(公開、非公開またはプライベート)です。

      コピーした値を、開いているテキストエディターに貼り付けます。この値は、後でメタデータ処理プロファイルを作成する際に必要になります。テキストエディターを開いたままにします。

  9. の右上隅付近 メタデータスキーマエディター ページ、タップ キャンセル.

  10. AEMの左上隅にあるAEMロゴをタップし、左側のレールでをタップします。 ツール/Assets/メタデータプロファイル.

  11. メタデータプロファイル ページの右上隅付近にあるをタップします。 作成. 内 メタデータプロファイルを追加 ダイアログボックス、 プロファイルのタイトル テキストフィールドに、名前を入力します。 YouTube Video.

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

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

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

    • ページの右側で、 フォームを作成 タブをクリックします。
    • ラベル付きのコンポーネントをドラッグします セクションヘッダー を左に移動し、フォーム領域にドロップします。
    • タップ フィールドラベル をクリックして、コンポーネントを選択します。
    • ページの右側にある「設定」タブで、「フィールドラベル」テキストフィールドに「 」と入力します。 YouTube Privacy.
    • 次をタップします。 フォームを作成 タブをクリックし、ラベルの付いたコンポーネントをドラッグします 1 行のテキスト をクリックし、その下にドロップします。 YouTube Privacy 」という見出しが表示されます。
    • タップ フィールドラベル をクリックして、コンポーネントを選択します。
    • ページの右側の、 設定 」タブに、 YouTube Publishing 値 (フィールドラベル 値と プロパティにマッピング の値 ) を含める必要があります。 貼り付け 選択肢 値を デフォルト値 フィールドに入力します。
  15. ページの右上隅にある「保存」をタップします。

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

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

YouTube チャンネルへのビデオの公開 publishing-videos-to-your-youtube-channel

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

AEM では、YouTube からのコンテンツの公開に YouTube への公開 ​ワークフローを使用します。このワークフローでは、進行状況を監視して、エラー情報を表示できます。詳しくは、ビデオエンコーディングと YouTube への公開の進行状況の監視を参照してください。

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

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

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

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

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

  4. 基本 タブの「メタデータ」見出しの下にあるをタップします。 参照タグ フィールドに入力します。

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

  6. ページの右上隅にある 確認 アイコン

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

  8. ツールバーで、 公開/公開.

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

(オプション)YouTube での公開済みビデオの確認 optional-verifying-the-published-video-on-youtube

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

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

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

8 時間後に、次のようなステータスメッセージが表示された場合 アップロード済み(処理中、お待ちください)、サイトからビデオを削除して、もう一度アップロードしてみてください。

Web アプリケーションへの YouTube URL のリンク linking-youtube-urls-to-your-web-application

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

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

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

  1. YouTube 公開済み URL をコピーするビデオアセットを選択します。

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

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

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

  4. 以下 YouTube Publishing 見出し、 YouTube URL URL テキストをリストし、選択し、Web ブラウザーにコピーしてアセットをプレビューするか、Web コンテンツページに追加します。

ビデオを非公開にしてYouTubeから削除 unpublishing-videos-to-remove-them-from-youtube

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

CAUTION
YouTube内から直接ビデオを削除した場合、AEMは気づかず、そのビデオがYouTubeに公開されたままのように動作し続けます。 AEMを使用して、YouTubeからビデオアセットを常に非公開にする。

YouTubeからコンテンツを削除する場合、AEMは YouTubeから非公開 ワークフロー:進行状況を監視し、エラー情報を表示できます。
詳しくは、ビデオエンコーディングと YouTube への公開の進行状況の監視を参照してください。

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

  1. AEMの左上隅にあるAEMロゴをタップし、左側のレールでをタップします。 ツール > Assets.
  2. YouTube チャネルから非公開にするビデオアセットに移動します。
  3. アセット選択モードで、1 つまたは複数の公開済みビデオアセットを選択します。
  4. ツールバーで、 非公開 > 非公開.

ビデオエンコーディングとYouTube公開の進行状況の監視 monitoring-video-encoding-and-youtube-publishing-progress

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

進行状況の監視 monitoring-progress

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

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

    • In カード表示 ​に設定すると、ビデオエンコーディングの進行状況がアセットにパーセント単位で表示されます。 エラーが発生した場合は、その情報もアセットに表示されます。

      chlimage_1-429

    • In リスト表示 ​を指定した場合、ビデオエンコーディングの進行状況は、 処理ステータス 列。 エラーがある場合は、そのメッセージも同じ列に表示されます。

      chlimage_1-430

      この列は、デフォルトでは表示されません。列を有効にするには、「 設定を表示 から 件数 ドロップダウンメニューで、 処理ステータス 列とタップ 更新.

      chlimage_1-431

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

    chlimage_1-432

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

    note note
    NOTE
    での複数のワークフロー設定が原因で、失敗/エラーメッセージが最終的に記録されるまでには長い時間がかかる場合があります。 再試行, 再試行遅延、および timeout から http://localhost:4502/system/console/configMgr例:
    • Apache Sling ジョブキューの構成
    • Adobe Granite ワークフロー外部プロセスジョブハンドラー
    • Granite ワークフロータイムアウトキュー
    これらの設定の​ 再試行再試行遅延 ​および​ タイムアウト ​プロパティは調整できます。
  3. 進行中のワークフローについては、 ワークフローインスタンス 次の場所から利用可能: ツール/ワークフロー/インスタンス.

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

    chlimage_1-433

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

    chlimage_1-434

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

  4. 失敗したジョブについては、 ワークフローエラー 次の場所から利用可能: ツール/ワークフロー/エラー. ワークフローエラー ​に、エラーが発生したすべてのワークフローアクティビティが表示されます。

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

    chlimage_1-435

    note note
    NOTE
    での複数のワークフロー設定が原因で、エラーメッセージが最終的に記録されるまでには長い時間がかかる場合があります。 再試行, 再試行遅延、および timeout から http://localhost:4502/system/console/configMgr例:
    • Apache Sling ジョブキューの構成
    • Adobe Granite ワークフロー外部プロセスジョブハンドラー
    • Granite ワークフロータイムアウトキュー
    これらの設定の​ 再試行再試行遅延 ​および​ タイムアウト ​プロパティは調整できます。
  5. 完了したワークフローについては、 ワークフローアーカイブ 次の場所から利用可能: ツール/ワークフロー/アーカイブ. ワークフローアーカイブ ​に、完了したすべてのワークフローアクティビティが表示されます。

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

    chlimage_1-436

  6. 中止または失敗したワークフロージョブに関する電子メール通知を受け取ることができます。 これらのメール通知は、管理者が設定できます。詳しくは、 電子メール通知の設定.

メール通知の設定 configuring-e-mail-notifications

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

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

  • エンコーディングジョブの場合は、すべてのAEMワークフローの電子メール通知の設定ページ ( ) にアクセスできます。 ツール/操作/ Web コンソール そして、次を検索して Day CQ Workflow Email Notification Service. 詳しくは、 AEMでの電子メール通知の設定. 「Notify on Abort」または「Notify on Complete」のチェックボックスをオン/オフにできます。

  • YouTube への公開ジョブの場合、次の手順に従います。

  1. AEMで、 ツール > ワークフロー > モデル.

  2. を選択します。 YouTubeに公開 「ワークフロー」、「 編集.

  3. を右クリックします。 YouTube Upload ワークフローステップをタップし、 編集.

  4. 次をタップします。 引数s タブをクリックします。

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

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

    チェックボックスをオフにすると、指定した電子メール通知がYouTubeパブリッシュワークフローから受け取らなくなります。

    note note
    NOTE
    これらのメールは YouTube に固有で、かつ一般的なワークフローメール通知です。その結果、2 組の電子メール通知 ( Day CQ Workflow Email Notification Service およびYouTube固有のものは、設定に応じて異なります。

ビデオレポートの表示 viewing-video-reports

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

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

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

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

リスト内のビデオ名をタップすると、ビデオのオーディエンス保持(ドロップオフ)レポートが折れ線グラフの形式で表示されます。グラフには、ビデオの再生中の任意の時間のビュー数が表示されます。ビデオを再生すると、縦棒はプレーヤーの時間インジケーターと同期して追跡されます。折れ線グラフのデータの下落は、オーディエンスが興味のない場所から離脱した場所を示します。

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

関連トピック Dynamic MediaCloud Services.

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

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

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

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

  1. AEMの左上隅にあるAEMロゴをタップし、左側のレールでをタップします。 ツール > Assets > ビデオレポート.

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

    • 右上付近にある​ ビデオレポートを更新 ​アイコンをタップします。

      「更新」を使用する必要があるのは、レポートの最終日が今日の日付である場合のみです。この操作によって、前回のレポート実行以降に発生したビデオトラッキングを確認できます。

    • 右上付近にある​ 日付選択 ​アイコンをタップします。

      ビデオデータを表示する開始日と終了日の範囲を指定し、「レポートを実行」をタップします。
      この 上位の指標 グループボックスで、すべての 公開済み サイト内のビデオ。

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

Dynamic Media HTML5 ビューア SDK を使用して作成したビデオビューアに基づいたビデオレポートの表示 viewing-video-reports-based-on-a-video-viewer-that-you-created-using-the-scene-hmtl-viewer-sdk

Dynamic Media で標準提供されているビデオビューアを使用している場合、または標準提供のビデオビューアからカスタムのビューアプリセットを作成した場合は、ビデオレポートを表示するための追加手順は必要ありません。ただし、HTML5 Viewer SDK API に基づいて独自のビデオビューアを作成した場合は、次の手順を使用して、ビデオビューアがDynamic Mediaビデオレポートにトラッキングイベントを送信していることを確認します。

独自のビデオビューアを作成するには、Adobe Dynamic Media ビューアリファレンスガイドおよび HTML5 ビューア SDK API を参照します。

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

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

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

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

  4. 埋め込みコード内で、以下を使用して行を見つけます。

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

    config2 パラメーターは、HTML5 ビューアでの追跡を有効にします。また、ビデオレポートの設定情報や、お客様固有の Adobe Analytics 設定を含む、会社固有のプリセットでもあります。

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

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

    • 最初に、&preset パラメーターが必要かどうかを判断します。

      config2 パラメーターが companypreset の場合、&preset=parameter は​ 不要 ​です。

      config2 がその他の場合は、プリセットパラメーターを config2 パラメーターと同じに設定します。例えば、config2=companypreset-2 の場合、&param2=companypreset-2 を AppMeasurmentBridge.jsp の URL に追加します。

    • 次に、AppMeasurementBridge.jsp にスクリプトを追加します。

      <script language="javascript" type="text/javascript" src="https://s7d1.scene7.com/s7viewers/AppMeasurementBridge.jsp?company=robindallas&preset=companypreset-2"></script>

  6. 次の操作をおこなって、TrackingManager コンポーネントを作成します。

    • s7sdk.Util.init(); をコールした後に、次の行を追加して、TrackingManager インスタンスを作成し、イベントを追跡します。

      var trackingManager = new s7sdk.TrackingManager();

    • 以下を行って、TrackingManager にコンポーネントを接続します。

      s7sdk.Event.SDK_READY イベントハンドラーで、追跡するコンポーネントを TrackingManager に関連付けます。

      例えば、コンポーネントが videoPlayer の場合、

      trackingManager.attach(videoPlayer);

      追加して、コンポーネントを trackingManager に関連付けます。ページ上の複数のビューアを追跡するには、複数のトラッキングマネージャーコンポーネントを使用します。

    • 次のコードを追加して、AppMeasurementBridge オブジェクトを作成します。

      code language-none
      var appMeasurementBridge = new AppMeasurementBridge(); appMeasurementBridge.setVideoPlayer(videoPlayer);
      
    • 次のコードを追加して、トラッキング関数を追加します。

      code language-none
      trackingManager.setCallback(appMeasurementBridge.track,
       appMeasurementBridge);
      

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

ビデオへのクローズドキャプションの追加 adding-captions-to-video

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

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

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

Dynamic Mediaには、キャプションファイルを JSON(JavaScript Object Notation) 形式に変換する機能があります。 このように変換できるので、JSON テキストを、ビデオの完全なトランスクリプトとして表示せずに Web ページに埋め込むことができます。この後、検索エンジンがコンテンツをクロールしてインデックスを作成します。これにより、ビデオを見つけやすくなるとともに、ビデオコンテンツについての追加情報を顧客に提供することができます。

詳しくは、 静的(画像以外の)コンテンツの提供Dynamic Mediaの画像サービングおよびレンダリング API のヘルプ を参照してください。

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

  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 を付けて保存します。

    note note
    NOTE
    複数言語のビデオサブタイトルを用意してグローバル対応する場合、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 を設定します。

ビデオへのチャプターマーカーの追加 adding-chapter-markers-to-video

1 つのビデオまたはアダプティブビデオセットにチャプターマーカーを追加すると、長編ビデオの視聴と操作が簡単になります。ビデオを再生する際に、ビデオタイムライン(ビデオスクラバとも呼ばれます)のチャプターマーカーをタップすると、目標地点に簡単に移動したり、新しいコンテンツ、デモ、チュートリアルなどにすぐに移動したりできます。

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

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

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

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

ビデオチャプターナビゲーション機能を備えた WebVTT ファイル webvtt-file-with-video-chapter-navigation

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. 次のいずれかの操作を行います。

    table 0-row-2 1-row-2 html-authored no-header
    ポップアップビデオビューアエクスペリエンスの場合
    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>"

ビデオサムネールについて about-video-thumbnails

Dynamic Media で自動的に生成された 10 個のサムネイル画像の中から 1 つを選択して、ビデオに追加できます。AEM Sites、AEM MobileまたはAEM Screensのオーサリング環境で、Dynamic Mediaコンポーネントでビデオアセットが使用されると、ビデオプレーヤーに選択したサムネールが表示されます。 サムネールは、ビデオ全体のコンテンツを最もよく表す静的な画像として機能し、さらに、ユーザーが再生ボタンをタップするよう促します。

ビデオの合計時間に基づいて、Dynamic Mediaは 1%、11%、21%、31%、41%、51%、61%、71%、81%、91%のサムネール画像をビデオに取り込みます(デフォルト)。 10 個のサムネイルが保持されるので、後で別のサムネールを選択する場合にシリーズを再生成する必要はありません。10 個のサムネール画像をプレビューし、ビデオで使用する画像を選択します。デフォルトに変更する場合は、CRXDE Liteを使用して、サムネール画像の生成時間間隔を設定できます。 例えば、ビデオから均等に配置された 4 つのサムネイル画像のみを生成する場合は、間隔を 24%、49%、74%、99%に設定できます。

ビデオのアップロード後、web サイトにビデオを公開する前に、いつでもビデオサムネiルを追加できるのが理想です。

Dynamic Media で生成されたサムネイルを使用する代わりに、ビデオを表すカスタムサムネイルをアップロードすることもできます。例えば、ビデオのタイトルを持つカスタムサムネール画像や、目を引く開封画像、ビデオから取り込んだ非常に具体的な画像を作成できます。 アップロードするカスタムビデオサムネール画像の最大解像度は 1280 x 720 ピクセル(最小幅は 640 ピクセル)で、2MB 以下である必要があります。

NOTE
カスタムビデオサムネールは、Dynamic Media — ハイブリッドモードを実行している場合にのみ使用できます。

ビデオサムネールの追加 adding-a-video-thumbnail

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

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

  3. ツールバーで、「プロパティを表示」アイコン(中に「i」がある円)をタップします。

  4. ビデオの プロパティ ページ、タップ サムネールを変更.

  5. サムネールを変更 ページで、ツールバーの フレームを選択.

    Dynamic Mediaは、カスタマイズしたデフォルトの時間間隔または時間間隔に基づいて、ビデオから一連のサムネール画像を生成します。

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

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

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

    新しいデフォルトの時間間隔を設定した場合、または新しいビデオをアップロードして既存のビデオを置き換える場合は、Dynamic Mediaにサムネールを再生成させる必要があります。

    詳しくは、 ビデオサムネールが生成されるデフォルトの時間間隔の設定.

ビデオサムネールが生成されるデフォルトの時間間隔の設定 configuring-the-default-time-interval-that-video-thumbnails-are-generated

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

詳しくは、 ビデオサムネールの追加.

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

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

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

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

  3. 右下のパネルの プロパティ タブ、ダブルタップ thumbnailtime.

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

    • プラス記号 (+) アイコンをタップして、1 つ以上の間隔値フィールドを追加します。 アイコンを表示するには、ダイアログボックスの下部までスクロールする必要がある場合があります。
    • 間隔値フィールドの右側にあるマイナス記号 (-) アイコンをタップして、リストから削除します。
    • 上向き矢印アイコンと下向き矢印アイコンをタップして、間隔値を並べ替えます。
  5. タップ OK に戻る プロパティ タブをクリックします。

  6. CRXDE Liteページの左上隅付近にあるをタップします。 すべて保存 ​次に、 ホームに戻る アイコンを使用してAEMに戻ります。

    詳しくは、 ビデオサムネールを追加する。

カスタムビデオサムネールの追加 adding-a-custom-video-thumbnail

NOTE
この機能は、Dynamic Media — ハイブリッドモードを実行している場合にのみ使用できます。
  1. ビデオサムネールを追加する、アップロード済みビデオアセットに移動します。

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

  3. ツールバーで、「プロパティを表示」アイコン(中に「i」がある円)をタップします。

  4. ビデオの プロパティ ページ、タップ サムネールを変更.

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

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

  7. 画像が正常にアップロードされた後、 サムネールを変更 ページ、タップ 変更を保存.

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

recommendation-more-help
4452738f-2bdf-4cd4-9b45-905a69d607ad