Show Menu
トピック×

ビデオ

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

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

次のワークフローの手順説明は、Dynamic Media 内のアダプティブビデオセットをすぐに使い始めることを目的としたものです。各手順に続いて、詳しい説明のあるトピックの見出しへのリンクが記載されています。
Dynamic Media のビデオを操作する前に、AEM 管理者が既に Dynamic Media クラウドサービスを有効にして設定を完了していることを確認してください。
  1. 次の手順を実行して、 Dynamic Media ビデオをアップロードします
  2. 次のいずれかの操作をおこなって、 Dynamic Media ビデオを管理します。
  3. 次のいずれかの操作をおこなって、 Dynamic Media ビデオを公開します。

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 を参照してください。
1 つのビデオおよびアダプティブビデオセットの管理では、次の方法がサポートされています。
  • サポートされる各種ビデオ形式およびオーディオ形式のビデオをアップロードして、複数の画面での再生用にビデオを MP4 H.264 形式へとエンコードすること。事前定義済みのアダプティブビデオセット、1 つのビデオのエンコーディングプリセットを使用するか、独自のエンコーディングをカスタマイズしてビデオの品質とサイズを制御することができます。
    • アダプティブビデオセットが生成される場合、そのセットには MP4 ビデオが含まれます。
    • 注意 :マスター/ソースビデオはアダプティブビデオセットには追加されません。
  • すべての HTML5 ビデオビューアでのビデオキャプション。
  • 効率的なビデオアセット管理のための、メタデータが完全にサポートされたビデオの整理、参照および検索。
  • Web やデスクトップおよびモバイルデバイス(iPhone、iPad、Android、Blackberry および Windows Phone を含む)へのアダプティブビデオセットの配信。
アダプティブビデオのストリーミングは、各種 iOS プラットフォームでサポートされています。See the Adobe Viewers Reference Guide .
Dynamic Media では、MP4 H.264 ビデオのモバイルビデオ再生がサポートされています。このビデオ形式をサポートする Blackberry デバイスについては、 Blackberry でサポートされているビデオ形式 のページで確認できます。
このビデオ形式をサポートする Windows デバイスについては、 Windows Phone でサポートされているビデオ形式 で確認できます。
  • Dynamic Media ビデオビューアプリセットを使用してビデオを再生します。このビューアプリセットには、次のビューアが含まれます。
    • 1 つのビデオのビューア
    • ビデオコンテンツと画像コンテンツの両方を組み合わせた混在メディアビューア
  • 自社ブランドのニーズに合わせてビデオプレーヤーを設定します。
  • 単純な URL か埋め込みコードを使用して、ビデオを Web サイト、モバイルサイトまたはモバイルアプリケーションに統合します。
詳しくは、 動的なビデオ再生 を参照してください。
『Adobe Scene7 ビューアリファレンスガイド』の HTML5 ビューアについて も参照してください。

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

Dynamic Media の HTML5 ビデオビューアプリセットは堅牢なビデオプレーヤーです。このプリセットを使用すれば、HTML5 ビデオ再生でよくある問題や、モバイルデバイスに関する問題(アダプティブストリーミング配信機能がない、デスクトップブラウザーの対応状況が限定的であるなど)の多くを回避することができます。
プレーヤーのデザイン側から見れば、ビデオプレーヤーの全機能を、標準の Web 開発ツールでデザインできます。例えば、HTML5 と CSS を使用して、ボタン、コントロールおよびカスタムのポスター画像背景をデザインして、カスタマイズした表示によって顧客に対応することができます。
ビューアの再生側から見れば、ビューアによってブラウザーのビデオ機能が自動的に検出されます。その後、HLS ストリーミング(アダプティブビデオストリーミング)を使用してビデオが配信されます。または、これらの配信方法が使用できない場合は、HTML5 プログレッシブが代わりに使用されます。
HTML5 と CSS を使用して再生コンポーネントをデザインできる機能、埋め込み再生の機能、ブラウザーの機能に応じてアダプティブストリーミングまたはプログレッシブストリーミングを使用できる機能を 1 つのプレーヤーにまとめることで、リッチメディアコンテンツを配信する範囲をデスクトップユーザーとモバイルユーザーの両方に拡大して、ビデオエクスペリエンスを効率化することができます。
『Adobe ビューアリファレンスガイド』の 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 ビデオストリーミング。

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

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

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

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

Dynamic Media を有効にし、ビデオクラウドサービスを設定済みの場合、 Dynamic Media エンコードビデオ ​ワークフローがビデオをエンコードします。このワークフローは、ワークフローの処理履歴とエラー情報を取り込みます。詳しくは、 ビデオエンコーディングと YouTube への公開の進行状況の監視 を参照してください。If you have enabled Dynamic Media and set up Video Cloud services, the Dynamic Media Encode Video workflow automatically takes effect when you upload a video. (If you are not using Dynamic Media, the DAM Update Asset workflow takes effect.)
ここでは、ソースビデオファイルのエンコードにおけるベストプラクティスのヒントを説明します。
ビデオエンコーディングに関するアドバイスについては、以下を参照してください。
  • 記事:『ストリーミングの初歩:基礎 - コーデック、帯域幅、データレート、解像度』: www.adobe.com/go/learn_s7_streaming101_jp​ learn_s7_streaming101_jp
  • ビデオ:『ビデオエンコーディングの基礎』: www.adobe.com/go/learn_s7_encoding_jp​ learn_s7_encoding_jp

ソースビデオファイル

ビデオファイルをエンコードするときは、可能な限り最高品質のソースビデオファイルを使用します。以前にエンコードされたビデオファイルの使用は避けてください。そのようなファイルは既に圧縮済みで、さらにエンコードすると標準を下回る品質のビデオが作成されるからです。
次の表に、ソースビデオファイルのエンコード前の推奨サイズ、縦横比および最小ビットレートを示します。
サイズ
縦横比
最小ビットレート
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. 使用しているGUIバージョンのインストーラを選択してダウンロードし、インストール手順に従います。
  2. After installation, either right-click the video file (Windows only) and select MediaInfo , or open MediaInfo and drag your video file into the application. You see all metadata associated with your video file, including its width, height, and 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 種類あり、そのどちらかを選択できます。
  • Constant Bitrate Encoding (CBR;定数ビットレートエンコーディング):CBRエンコーディング中、ビットレートまたは1秒あたりのビット数は、エンコーディングプロセス全体で同じままです。 CBR エンコーディングでは、設定されているデータレートが、ビデオ全体での設定値として使用されます。また、CBR エンコーディングでは、メディアファイルの品質は最適化されませんが、その分、空き容量の節約になります。
    ビデオ全体に同じようなモーションレベルが含まれている場合は、CBR を使用します。CBR は、ビデオコンテンツのストリーミングに最も一般的に使用されています。 カスタムで追加するビデオエンコーディングパラメーターの使用 も参照してください。
  • Variable Bitrate Encoding (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

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

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

YouTube へのビデオの公開

以前作成した YouTube チャンネルに、オンプレミス AEM ビデオアセットを直接公開できます。
ビデオアセットを YouTube に公開するには、タグを使用して AEM Assets をセットアップします。これらのタグを YouTube チャンネルに関連付けます。ビデオアセットのタグが YouTube チャンネルのタグと一致する場合、ビデオが YouTube に公開されます。ビデオアセットにタグがない場合は、YouTubeには投稿されません。
YouTubeに公開すると、AEMの処理プロファイルシステムと、ビデオエンコーディングプロファイルも無視されます。したがって、YouTubeに公開するとビデオエンコーディングシステムも無視されます。 この回避策は、YouTubeに独自のエンコーディングがあるので、ビデオ処理プロファイルを必要としないために発生します。 ただし、ほとんどの場合は、ビデオアセットにビデオ処理プロファイルを適用しておくことが予期されています。ビデオ処理プロファイルを省略してYouTubeに直接投稿する場合、AEM Asset内のビデオアセットには表示可能なサムネールが表示されません。 また、ダイナミックメディア実行モードで実行する場合、エンコードされていないビデオは、どのダイナミックメディアアセットタイプとも機能しません。
ビデオアセットの YouTube サーバーへの公開において、YouTube との安全でセキュアなサーバー間認証をおこなうには、次のタスクを実行する必要があります。

Google Cloud 設定

YouTubeに投稿するには、Googleアカウントが必要です。 GMAILアカウントをお持ちの場合は、既にGoogleアカウントをお持ちです。 Googleアカウントを持っていない場合は、簡単に作成できます。 YouTubeにビデオアセットを公開するには、資格情報が必要なので、アカウントが必要です。 If you have an account already created, then skip this task and proceed to Creating a YouTube channel .
以下の手順は、このドキュメントを執筆している時点で正確なものです。Google は、Web サイトを予告なく定期的に更新します。そのため、以下の手順は、最新の手順とは少し異なる場合もあります。
Google Cloudを設定するには :
  1. 新しい Google アカウントを作成します。
    既に Google アカウントを持っている場合は、次のステップに進んでください。
  2. https://cloud.google.com/ にアクセスします。
  3. On the Google Cloud Platform page, near the top, tap Console . Google アカウントの資格情報を使用して、「 ログイン 」しなければならない場合もあります。
  4. ダッシュボード ページで、「プロジェクトを 作成 」をタップします。
  5. In the New Project dialog box, enter in a project name.
    プロジェクト ID は、プロジェクト名に基づいて付けられます。そのため、プロジェクト名は慎重に選んでください。プロジェクト名を後で変更することはできません。また、後でAdobe Experience ManagerでYouTubeを設定する場合は、同じプロジェクトIDを再度入力する必要があります。 このプロジェクト ID はメモしておいてください。
  6. 作成 」をタップします。
  7. On your project’s Dashboard , in the Getting Started card, tap Enable APIs and get credentials like keys .
  8. ダッシュボード ページの上部近くにある「APIを 有効にする 」をタップします。
  9. On the Library page, under YouTube APIs, tap YouTube Data API .
  10. Near the top of the YouTube Data API v3] page, tap Enable to turn it on.
  11. この API を使用するために資格情報が必要となる場合があります。If necessary, tap Create Credentials .
  12. API を呼び出す場所 」ドロップダウンリストから、「 ウェブサーバー(node.js、Tomcat など) 」を選択します。。
  13. アクセスするデータの種類 」で、「 ユーザーデータ 」を選択します。
  14. 必要な認証情報」をタップします。 」ボタンをクリックします。
  15. OAuth 2.0 クライアント ID を作成する 」の下で、一意の名前を入力します。
  16. In the text field under the Authorized Javascript origins heading, enter the following path, substituting your own domain and port number in the path, then press Enter to add the path to the list:
    https://<servername.domain>:<port_number>
    例: https://1a2b3c.mycompany.com:4321
    注意 :上記のパスは入力例です。
  17. In the text field under the Authorized redirect URIs heading, enter the following, substituting your own domain and port number in the path, then press Enter to add the path to the list:
    https://<servername.domain>:<port#>/etc/cloudservices/youtube.youtubecredentialcallback.json
    例: https://1a2b3c.mycompany.com:4321/etc/cloudservices/youtube.youtubecredentialcallback.json
    注意 :上記のパスは入力例です。
  18. Tap Create client ID .
  19. On the Credentials page, under the Set up the OAuth 2.0 consent screen heading, select the Gmail address that you are currently using.
  20. ユーザーに表示するサービス名 」の下にあるテキストフィールドに、同意画面に表示するサービス名を入力します。
    同意画面は、AEM 管理者が YouTube の認証をおこなう際に表示され、AEM は YouTube に権限を要求します。
  21. 続行 」をタップします。
  22. Under the Download credentials heading, tap Download .
  23. client_id.json ファイルを保存します。
    このダウンロードした JSON ファイルは、後で Adobe Experience Manager で YouTube をセットアップするときに必要になります。
  24. 完了 」をタップします。
    次は、YouTube チャネルを作成します。

YouTube チャネルの作成

YouTube にビデオを公開するには、1 つ以上のチャネルが必要です。既に YouTube チャンネルを作成している場合は、このタスクをスキップして、次の「 公開用タグの追加 」タスクに進んでください。
Be sure you have already set up one or more channels in YouTube &ast;before&ast; you add channels under YouTube Settings in AEM (see Setting up YouTube in AEM below). この確認をおこなわなくても、既存のチャネルが存在しないことを知らせる警告は表示されません。ただし、それでも、チャネルを追加する際に Google 認証がおこなわれますが、ビデオの送信先となるチャネルを選択するオプションがありません。
YouTubeチャネルを作成するには :
  1. https://www.youtube.com にアクセスし、Google アカウントの資格情報を使用してログインします。
  2. In the upper-right corner of the YouTube page, tap your profile picture (may also appear as a letter within a solid colored circle), then tap YouTube settings (round gear icon).
  3. 概要 ページの「 追加機能 」の見出しの下で、「すべてのチャネルを表示する 」をタップするか、新しいチャネルを作成します
  4. チャネル ページで、「新しいチャネルを 作成 」をタップします。
  5. On the Brand Account page, in the Brand Account Name field, enter a business name or any other channel name you choose where you want to publish your video assets, then tap Create .
    この名前は、AEM で YouTube をセットアップするときに入力する必要があるので、覚えておいてください。
  6. (オプション)必要に応じて、さらにチャネルを追加します。
    次は、公開用タグを追加します。

公開用タグの追加

AEM で、YouTube にビデオを公開するには、1 つ以上の YouTube チャンネルにタグを関連付けます。公開用タグの追加については、 タグの管理 を参照してください。
また、AEM のデフォルトのタグを使用する場合は、このタスクをスキップして、次の YouTube への公開のレプリケーションエージェントの有効化 タスクに進んでください。

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

  1. In the upper-left corner of AEM, tap the AEM logo, then in the left rail, tap Tools > Deployment > Replication > Agents on Author .
  2. On the Agents of Author page, tap YouTube Publish (youtube) .
  3. On the toolbar, to the right of Settings, tap Edit .
  4. 有効 」チェックボックスをオンにして、レプリケーションエージェントをオンにします。
  5. tap OK .
    次は、AEM で YouTube をセットアップします。

AEM での YouTube の設定

  1. In the upper-left corner of AEM, tap the AEM logo, then in the left rail, tap Tools > Deployment > Cloud Services .
  2. Under the Third Party Services heading, under YouTube, tap Configure now .
  3. In the Create Configuration] dialog box, enter a title (mandatory) and name (optional) in the respective fields.
  4. 作成 」をタップします。
  5. In the YouTube Account Settings dialog box, in the Application Name field, enter the Google Project ID.
    このプロジェクト ID は、先ほど Google Cloud 設定をおこなったときに指定したものです。
    Leave the YouTube Account Setting dialog box open; you will return to it in a moment.
  6. 任意のテキストエディターを使用して、「Google Cloud 設定」のタスクでダウンロードして保存しておいた JSON ファイルを開きます。
  7. この JSON テキスト全体を選択してコピーします。
  8. Return to the YouTube Account Settings dialog box. In the JSON Config field, paste the JSON text.
  9. OK 」をタップします。
    次は、AEM で YouTube チャンネルをセットアップします。
  10. 利用可能なチャネル 」の右にある「 + 」(プラス記号のアイコン)をタップします。
  11. In the YouTube Channel Settings dialog box, in the Title field, enter the name of the channel that you created in the task Creating a YouTube channel ​earlier.
    オプションで、必要に応じて説明を追加できます。
  12. OK 」をタップします。
  13. YouTube/Google 認証が表示されます。Google Cloud アカウントにまだログインしていない場合は、この手順をスキップしてください。
    • 前述の Google プロジェクト ID と JSON テキストに関連付けられた Google ユーザー名とパスワードを入力します。
    • アカウントに存在するチャネルの数によっては、2 つ以上の項目が表示されます。チャネルを選択してください。電子メールアドレスを選択しないでください。
    • 次のページで、「 確定 」をタップして、このチャネルへのアクセスを許可します。
  14. [ **!UICONTROL許可**をタップします。
    次は、公開用タグを設定します。
  15. 投稿用のタグの設定 - クラウドサービス/YouTubeページで、 鉛筆 ​アイコンをタップし、使用するタグのリストを編集します。
  16. ドロップダウンリストアイコン(上下逆のキャレット)をタップして、AEM で利用可能なタグのリストを表示します。
  17. 1 つ以上のタグをタップして追加します。
    追加したタグを削除するには、そのタグを選択して、「 X 」をタップします。
  18. 使用するタグの追加が終了したら、「 OK 」をタップします。
    次は、YouTube チャンネルにビデオを公開します。

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

ビデオをアップロードする際に YouTube プロパティの設定を自動化できます。これをおこなうためには、メタデータ処理プロファイルを AEM で作成します。
メタデータ処理プロファイルを作成するには、まず「 フィールドラベル 」、「 プロパティにマッピング 」、「 選択肢 」の各フィールドの値をコピーします。これらはすべてビデオのメタデータスキーマで見つかります。次に、これらの値を追加して、YouTube ビデオメタデータ処理プロファイルを作成します。
オプションで、アップロードされたビデオのデフォルトのYouTubeプロパティの設定を自動化するには :
  1. In the upper-left corner of AEM, tap the AEM logo, then in the left rail, tap Tools > Assets > Metadata Schemas .
  2. デフォルト値 」をタップします。(「デフォルト値」の左側にある選択ボックスにチェックマークを追加しないでください)。
  3. デフォルトのページで ビデオの左側にあるチェックボックスをオンにし、「 ​編集 」をタップします。
  4. On the Metadata Schema Editor page, tap the Advanced tab.
  5. Under the YouTube Publishing heading, tap YouTube Category . (YouTube カテゴリドロップダウンリストはタップしないでください。)
  6. ページの右側の「 設定 」タブで次の手順を実行します。
    • フィールドラベル 」テキストフィールドで、値を選択してコピーします。
      コピーした値を、開いているテキストエディターに貼り付けます。後でメタデータ処理プロファイルを作成するときにこの値が必要になります。テキストエディターは開いたままにしておきます。
    • プロパティにマッピング 」テキストフィールドで、値を選択してコピーします。
      コピーした値を、開いているテキストエディターに貼り付けます。後でメタデータ処理プロファイルを作成するときにこの値が必要になります。テキストエディターは開いたままにしておきます。
    • 選択肢 」の下で、使用するデフォルト値(「人とブログ」または「科学と技術」など)を選択してコピーします。
      コピーした値を、開いているテキストエディターに貼り付けます。後でメタデータ処理プロファイルを作成するときにこの値が必要になります。テキストエディターは開いたままにしておきます。
  7. Under the YouTube Publishing heading, tap YouTube Privacy . (YouTube のプライバシードロップダウンリストはタップしないでください。)
  8. ページの右側の「 設定 」タブで次の手順を実行します。
    • フィールドラベル 」テキストフィールドで、値を選択してコピーします。
      コピーした値を、開いているテキストエディターに貼り付けます。後でメタデータ処理プロファイルを作成するときにこの値が必要になります。テキストエディターは開いたままにしておきます。
    • プロパティにマッピング 」テキストフィールドで、値を選択してコピーします。
      コピーした値を、開いているテキストエディターに貼り付けます。後でメタデータ処理プロファイルを作成するときにこの値が必要になります。テキストエディターは開いたままにしておきます。
    • 選択肢 」の下で、使用するデフォルト値を選択してコピーします。選択肢は 2 つが 1 組になっています。1 組の下のフィールドは、コピーするデフォルト値(公開、非公開またはプライベート)です。
      コピーした値を、開いているテキストエディターに貼り付けます。後でメタデータ処理プロファイルを作成するときにこの値が必要になります。テキストエディターは開いたままにしておきます。
  9. Near the upper-right corner of the Metadata Schema Editor page, tap Cancel .
  10. In the upper-left corner of AEM, tap the AEM logo, then in the left rail, tap Tools > Assets > Metadata Profiles .
  11. On the [Metadata Profiles page, near the upper-right corner of the page, tap [Create . In the [Add Metadata Profile dialog box, in the Profile title text field, enter the name YouTube Video .
  12. On the Metadata Profile Editor page, tap the Advance tab.
  13. 次の手順を実行して、コピーした「YouTube への公開」の値を、プロファイルに追加します。
    • ページの右側で、「 フォームを作成 」タブをタップします。
    • Drag the component labeled Section Header to the left and drop it in the form area.
    • Tap Field Label to select the component.
    • On the right side of the page, under the Settings tab, in the Field Label text field, enter YouTube Publishing .
    • Tap the Build Form tab, then drag the component labeled Single Line Text and drop it below the YouTube Publishing heading that you just created.
    • Tap Field Label to select the component.
    • On the right side of the page, under the Settings tab, paste the YouTube Publishing values ( Field Label value and Map to property value) that you copied earlier, into their respective fields on the form. Paste the Choices value into the Default Value field.
  14. 次の手順を実行して、コピーした「YouTube のプライバシー」の値を、プロファイルに追加します。
    • ページの右側で、「 フォームを作成 」タブをタップします。
    • Drag the component labeled Section Header to the left and drop it in the form area.
    • Tap Field Label to select the component.
    • On the right side of the page, under the Settings tab, in the Field Label text field, enter YouTube Privacy .
    • Tap the Build Form tab, then drag the component labeled Single Line Text and drop it below the YouTube Privacy heading you just created.
    • Tap Field Label to select the component.
    • On the right side of the page, under the Settings tab, paste the YouTube Publishing values ( Field Label value and Map to property value) that you copied earlier, into their respective fields on the form. Paste the [Choices value into the Default Value field.
  15. ページの右上隅にある「 保存 」をタップします。
  16. YouTube への公開メタデータプロファイルを、ビデオのアップロード先フォルダーに適用します。メタデータプロファイルとビデオプロファイルを設定する必要があります。
    詳しくは、 メタデータプロファイル ビデオプロファイル を参照してください。

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

次は、前の手順で追加したタグを、ビデオアセットに関連付けます。このプロセスによって、AEM は、YouTube チャンネルに公開するアセットを把握します。
AEM では、YouTube からのコンテンツの公開に YouTube に公開 ​ワークフローを使用します。このワークフローでは、進行状況を監視して、エラー情報を表示できます。詳しくは、 ビデオエンコーディングと YouTube への公開の進行状況の監視 を参照してください。
YouTubeチャネルにビデオを公開するには :
  1. AEM で、YouTube チャネルに公開するビデオアセットの場所に移動します。
  2. ビデオアセットを選択します。
    選択したビデオアセット(オリジナルのソースビデオや、そのエンコードされたレンディションなど)に関係なく、オリジナルのソースビデオが常にアップロードされます。
  3. On the toolbar, tap Properties .
  4. In the Basic tab, under the Metadata heading, tap Browse to the right of the Tags field.
  5. On the Select Tags page, navigate to the tags you want to use, and then select one or more tags.
  6. In the upper-right corner of the page, tap the Confirm icon.
  7. In the upper-right corner of the video's properties page, tap Save .
  8. ツールバーの​ 発行/発行 ​をタップします。
    オプションで、YouTube チャンネルで公開済みビデオを確認できます。

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

YouTube への公開(または非公開)の進行状況を監視できます。
公開にかかる時間は、マスタービデオの形式、ファイルサイズ、アップロードトラフィックなどの多数の要因により左右されます。公開プロセスにかかる時間は、数分から数時間までの幅があります。また、高解像度の形式では、レンダリングの時間がかかることにも注意してください。例えば、720p や 1080p の場合、表示されるまでの時間が 480p よりも大幅に長くなります。
8 時間経っても「 アップロード済み(処理中、お待ちください) 」というステータスメッセージが表示される場合は、サイトからビデオを削除して再度アップロードしてみてください。

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

ビデオの公開後、Dynamic Media によって生成された YouTube URL 文字列を取得できます。YouTube URL をコピーしたらクリップボードに配置されるので、必要に応じて Web サイトのページまたはアプリケーションに貼り付けることができます。
YouTube URL は、ビデオアセットを YouTube に公開するまではコピーできません。
YouTube URLをWebアプリケーションにリンクするには :
  1. Navigate to the YouTube published video asset whose URL you want to copy, then select it.
    YouTube URL をコピーするには、その前にビデオアセットを YouTube に公開しておく必要があります。
  2. On the toolbar, tap Properties .
  3. 詳細 」タブをタップします。
  4. Under the YouTube Publishing heading, in the YouTube URL List, select and copy the URL text to your web browser to preview the asset or to add to your web content page.

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

AEM でビデオアセットを非公開にすると、そのビデオは YouTube から削除されます。
YouTube 内からビデオを直接削除すると、AEM にはそのことがわかりません。そのため、AEM は、そのビデオがまだ YouTube に公開されているかのように機能を続けます。ビデオアセットを YouTube で非公開にするときは、必ず AEM からおこなってください。
AEM では、YouTube からのコンテンツの削除に YouTube で非公開 ​ワークフローを使用します。このワークフローでは、進行状況を監視して、エラー情報を表示できます。詳しくは、 ビデオエンコーディングと YouTube への公開の進行状況の監視 を参照してください。
ビデオを非公開にしてYouTubeから削除するには :
  1. In the upper-left corner of AEM, tap the AEM logo, then in the left rail, tap Tools > Assets .
  2. YouTube チャンネルで非公開にするビデオアセットの場所に移動します。
  3. アセット選択モードで、1 つ以上の公開済みビデオアセットを選択します。
  4. On the toolbar, tap Unpublish > Unpublish .

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

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

進行状況の監視

進行状況を監視するには(エンコーディング/YouTube の公開の失敗を含む):
  1. アセットフォルダー内のビデオエンコーディングの進行状況を表示します。
    • In Card View , video encoding progress displays on the asset by percent. エラーがある場合、エラー情報はアセットにも表示されます。
    • リスト表示 、ビデオエンコーディングの進行状況が「 処理ステータス 」列に表示されます。 エラーがある場合は、そのメッセージも同じ列に表示されます。
      この列は、デフォルトでは表示されません。To enable the column, select View Settings from the Views drop-down menu, and add the Processing Status column and tap Update .
  2. アセット詳細の進行状況を表示します。When you tap an asset, open the drop-down menu and select Timeline . タイムラインを、エンコーディングや YouTube への公開などのワークフローアクティビティに絞り込むには、「 ワークフロー 」を選択します。
    エンコーディングなどのワークフロー情報がタイムラインに表示されます。For YouTube publish, the Workflow timeline also includes the name of the YouTube channel and the YouTube video URL. In addition, you see any failure notifications in the Workflow timeline.
    It may take a long time for failure/error messages to finally be recorded due to multiple workflow configurations on retries , retry delay , and timeout from http://localhost:4502/system/console/configMgr , for example:
    • Apache Sling Job Queue Configuration
    • Adobe Granite Workflow External Process Job Handler
    • Granite Workflow Timeout Queue
    これらの設定の​ 再試行 再試行遅延 ​および​ タイムアウト ​プロパティは調整できます。
  3. For workflows in progress, see Workflow Instances available from Tools > Workflow > Instances .
    ツール ​メニューにアクセスするには、管理者権限が必要となる場合があります。
    Select the instance and tap Open History .
    From the Workflow Instances area, you can also suspend, terminate, or rename workflows. 詳しくは、 ワークフローの管理 を参照してください。
  4. For failed jobs, see Workflow Failures available from Tools > Workflow > Failures . ワークフローエラー ​に、エラーが発生したすべてのワークフローアクティビティが表示されます。
    ツール ​メニューにアクセスするには、管理者権限が必要となる場合があります。
    It may take a long time for the error message to finally be recorded due to multiple workflow configurations on retries , retry delay , and timeout from http://localhost:4502/system/console/configMgr , for example:
    • Apache Sling Job Queue Configuration
    • Adobe Granite Workflow External Process Job Handler
    • Granite Workflow Timeout Queue
    これらの設定の​ 再試行 再試行遅延 ​および​ タイムアウト ​プロパティは調整できます。
  5. For completed workflows, see Workflow Archive available from Tools > Workflow > Archive . ワークフローアーカイブ ​に、完了したすべてのワークフローアクティビティが表示されます。
    ツール ​メニューにアクセスするには、管理者権限が必要となる場合があります。
  6. 中止またはエラーが発生したワークフロージョブに関する電子メール通知を受け取ることができます。これらの電子メール通知は、管理者が設定できます。詳しくは、 電子メール通知の設定 を参照してください。

電子メール通知の設定

ツール ​メニューにアクセスするには、管理者権限が必要となる場合があります。
通知の設定方法は、エンコーディングジョブに関する通知と、YouTube への公開ジョブに関する通知のどちらを希望しているかによって異なります。
  • For encoding jobs, you can access the configuration page for all AEM workflow email notifications at Tools > Operations > Web Console and by searching for Day CQ Workflow Email Notification Service . See Configuring Email Notification in AEM . You can select or clear the check boxes for Notify on Abort or Notify on Complete accordingly.
  • YouTube への公開ジョブの場合、次の手順に従います。
  1. In AEM, select Tools > Workflow > Models .
  2. 「YouTubeに 投稿 」ワークフローを選択し、「 編集」をタップします
  3. YouTubeのアップロード ワークフローステップを右クリックし、「 編集 」をタップします。
  4. 引数​ 」タブをタップします。
  5. 次のチェックボックスをオンまたはオフにできます。
    • 公開開始
    • 公開の失敗
    • 投稿完了 (チャネルとURLに関する情報を含む)
    チェックボックスをオフにすると、YouTube の公開ワークフローから指定された電子メール通知は届きません。
    これらの電子メールは YouTube に固有で、かつ一般的なワークフロー電子メール通知です。結果として、設定に応じて、 Day CQ Workflow Email Notification Service で使用できる一般的な通知と、YouTube に固有の通知の 2 つの電子メール通知セットを受け取ることができます。

ビデオレポートの表示

ビデオレポートは、ダイナミックメディア — ハイブリッドモードを実行する場合に使用できます。 ダイナミックメディア — Scene7モードを実行している場合、レポートは使用できません。
ビデオレポートには、指定した期間における様々な集計指標が表示されます。ユーザーはビデオレポートを使用して、公開済みの個々のビデオやビデオの集合が期待どおりに動作しているかを監視できます。次のトップの指標データは、Web サイト全体のすべての公開済みビデオについて集計されるものです。
  • ビデオ開始
  • 完了率
  • ビデオの平均視聴時間
  • ビデオの合計視聴時間
  • 訪問別ビデオ数
すべての公開済みビデオの表も表示されるので、ビデオ開始数の合計に基づいて、Web サイトで視聴された上位のビデオを追跡できます。**
リストのビデオ名をタップすると、ビデオのオーディエンス保持(ドロップオフ)レポートが折れ線グラフの形式で表示されます。このグラフには、ビデオ再生中の特定の瞬間におけるビュー数が表示されます。ビデオを再生すると、プレーヤーの時間インジケーターと同期して縦棒が表示されていきます。この折れ線グラフのデータが急激に下るところは、オーディエンスが関心をなくして再生を終了したところです。
ビデオが Adobe Experience Manager Dynamic Media 以外でエンコードされた場合、オーディエンス保持(ドロップオフ)グラフおよび表内の再生率データは利用できません。
トラッキングおよびレポートのデータは、Dynamic Media 独自のビデオプレーヤーと関連するビデオプレーヤープリセットの使用状況のみに基づいています。そのため、他のビデオプレーヤーによって再生されたビデオを追跡およびレポートすることはできません。
デフォルトでは、ビデオレポートを最初に開いたときに、今月初めから今月の今日の日付までのビデオデータが表示されます。ただし、このデフォルトの日付範囲を上書きして、独自の日付範囲を指定することができます。次回ビデオレポートを開くと、指定した日付範囲が使用されます。
ビデオレポートの正常動作のために、Dynamic Media クラウドサービスの設定時に、レポートスイート ID が自動的に作成されます。そのときに、そのレポートスイート ID がパブリッシュサーバーにプッシュされ、アセットのプレビューの際に URL のコピー機能で使用できるようになります。ただし、そのためにはパブリッシュサーバーを事前にセットアップしておく必要があります。パブリッシュサーバーがセットアップされていない場合でも、公開してビデオレポートを確認することはできますが、その際には Dynamic Media クラウド設定に戻って「 OK 」をタップする必要があります。
ビデオレポートを表示するには :
  1. In the upper-left corner of AEM, tap the AEM logo, then in the left rail, tap Tools > Assets > Video Reports .
  2. ビデオレポートページで、次のいずれかの操作をおこないます。
    • 右上付近にある​ ビデオレポートを更新 ​アイコンをタップします。
      「更新」を使用する必要があるのは、レポートの最終日が今日の日付である場合のみです。この操作によって、前回のレポート実行以降に発生したビデオトラッキングを確認できます。
    • Near the upper-right corner, tap the Date Picker icon.
      ビデオデータを表示する開始日と終了日の範囲を指定し、「 レポートを実行 」をタップします。 The Top Metrics group box identifies various aggregate measurements for all published videos across your site.
  3. 上位の公開済みビデオを示した表で、ビデオ名をタップしてビデオを再生し、そのビデオのオーディエンス保持(ドロップオフ)レポートを表示します。

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

Dynamic Media で標準提供されているビデオビューアを使用している場合、または標準提供のビデオビューアからカスタムのビューアプリセットを作成した場合は、ビデオレポートを表示するための追加手順は必要ありません。これに対して、Scene7 HTML5 ビューア SDK から独自のビデオビューアを作成した場合は、次の手順を実行して、ビデオビューアが Dynamic Media のビデオレポートにトラッキングイベントを送信するように設定する必要があります。
独自のビデオビューアを作成するには、Scene7 ビューアリファレンスと Scene7 HTML5 ビューア SDK を使用します。
詳しくは、 Scene7 ビューアリファレンスガイド を参照してください。
Scene7 HTML ビューア SDK は、Adobe Developer Connection からダウンロードできます。
詳しくは、 Adobe Developer Connection を参照してください。
Scene7 HTML5 ビューア SDK を使用して作成したビデオビューアに基づいてビデオレポートを表示するには:
  1. 公開済みビデオアセットの場所に移動します。
  2. アセットのページの左上隅付近にある、ドロップダウンリストで「 ビューア 」を選択します。
  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 パラメーターが必要かどうかを判断します。
      If the config2 parameter is companypreset , you do not need &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.Utils.init(); をコールした後に、次の行を追加して、TrackingManager インスタンスを作成し、イベントを追跡します。
      var trackingManager = new s7sdk.TrackingManager();
    • 次の操作を行って、コンポーネントをTrackingManagerに接続します。
      イベントハンドラーで、追跡するコンポーネントをTrackingManagerにアタッチします。 s7sdk.Event.SDK_READY
      例えば、コンポーネントが 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 つのビデオまたはアダプティブビデオセットに追加することにより、ビデオの提供先をグローバルマーケットまで広げることができます。キャプションを追加すると、言語ごとの音声の吹き替えの必要性、つまりネイティブスピーカーを使って音声を再録音する必要性がなくなります。ビデオは録画された言語で再生されます。外国語のサブタイトルが表示されるので、違う言語の視聴者も音声部分を理解できます。
聴覚障害者のためのクローズドキャプションを使用することで、キャプションによってアクセシビリティを大幅に向上させることもできます。
使用するビデオプレーヤーがキャプションの表示に対応する必要があります。
Dynamic Media には、キャプションファイルを JSON(JavaScript Object Notation)形式に変換する機能があります。このように変換できるので、JSON テキストを、ビデオの完全なトランスクリプトとして表示せずに Web ページに埋め込むことができます。この後、検索エンジンがコンテンツをクロールしてインデックスを作成できます。これにより、ビデオを検索しやすくなり、ビデオコンテンツの詳細がユーザーに提供されます。
URL で JSON 機能を使用する方法について詳しくは、Scene7 画像サービング API ヘルプの 静的コンテンツ(画像以外)の提供(英語) を参照してください。**
ビデオにキャプションまたはサブタイトルを追加するには
  1. サードパーティアプリケーションまたはサービスを使用して、ビデオキャプション/サブタイトルのファイルを作成します。
    WebVTT(Web Video Text Tracks)標準に従ってファイルを作成してください。キャプションファイルの拡張子は .vtt です。WebVTT キャプション標準をよく確認してください。
    Dynamic Media の外部でキャプション/サブタイトルのファイルを作成するための無料ツールや有料ツールがあります。例えば、スタイル設定なしの単純なビデオキャプションファイルを作成するには、次に示すキャプションの作成および編集用の無償オンラインツールを使用できます。
    良い結果を得るためには、このツールを Explorer 9 以上、Google Chrome、または Safari で使用してください。
    In the tool, in the Enter URL of video file field, paste the copied URL of your video file and then tap 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 つのビデオまたはアダプティブビデオセットにチャプターマーカーを追加すると、長編ビデオの視聴と操作が簡単になります。ユーザがビデオを再生するとき、ビデオタイムライン(ビデオスクラバ)のチャプターマーカーをタップすると、目標地点に簡単に移動でき、新しいコンテンツ、デモ、チュートリアルなどにすぐにジャンプできます。
ビデオプレーヤーが、チャプターマーカーの使用をサポートしている必要があります。Dynamic Media ビデオプレーヤーは、チャプターマーカーをサポートしていますが、サードパーティのビデオプレーヤーは、チャプターマーカーを必ずしもサポートしているとは限りません。
必要であれば、ビデオビューアプリセットを使用するのではなく、チャプター機能を備えた独自のカスタムビデオビューアを作成して、ブランディングできます。チャプターナビゲーション機能を備えた独自の HTML5 ビューアの作成方法について詳しくは、『Adobe Scene Viewer SDK for HTML5』の「Customizing Behavior Using Modifiers」で s7sdk.video.VideoPlayer クラスと s7sdk.video.VideoScrubber 7 クラスの説明を参照してください。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. Save the .vtt file in UTF8 encoding to avoid problems with character rendition in the chapter title text.
    一般に、チャプター VTT ファイルの名前には、ビデオファイルと同じ名前を付けて、名前の末尾にチャプターを追加します。そうしておくと、既存の Web コンテンツ管理システムを使用してビデオの URL を自動的に生成する際に役立ちます。
  3. AEM で、WebVTT チャプターファイルをアップロードします。
    アセットのアップロード を参照してください。
  4. 次のいずれかの操作をおこないます。
    ポップアップビデオビューアエクスペリエンスの場合
    1. アップロードしたチャプターファイルを関連付ける、公開済み ビデオアセットに移動します。URL をコピーするには、その前にアセットを公開しておく必要があります。 アセットの公開 を参照してください。
    2. From the drop-down menu, then tap Viewers .
    3. 左側のレールで、ビデオビューアのプリセット名をタップします。 ビデオのプレビューが別のページで開きます。
    4. 左側のレールの下部にある「 URL 」をタップします。
    5. URL ダイアログボックスで、URL を選択してクリップボードにコピーし、その URL を単純なテキストエディターに貼り付けます。
    6. コピーしたビデオの URL を次の構文と共に追加し、コピーした URL とチャプターファイルに関連付けます。 &navigation=< full_copied_URL_path_to_chapter_file .vtt>
    埋め込みビデオビューアエクスペリエンスの場合
    1. アップロードしたチャプターファイルを関連付ける、公開済み ビデオアセットに移動します。URL をコピーするには、その前にアセットを公開しておく必要があります。 アセットの公開 を参照してください。
    2. From the drop-down menu, then tap Viewers .
    3. 左側のレールで、ビデオビューアのプリセット名をタップします。 ビデオのプレビューが別のページで開きます。
    4. In the left rail, at the bottom, tap Embed .
    5. 埋め込みコードダイアログボックスで、コード全体を選択してクリップボードにコピーし、そのコードを単純なテキストエディターに貼り付けます。
    6. ビデオの埋め込みコードを次の構文と共に追加し、コピーした URL とチャプターファイルに関連付けます。 videoViewer.setParam("navigation","< full_copied_URL_path_to_chapter_file .vtt>"

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

Dynamic Media によって自動的に生成される 10 個のサムネール画像の中から、ビデオに追加する画像を 1 つ選択できます。選択したサムネールは、ビデオアセットを AEM Sites、AEM Mobile または AEM Screens のオーサリング環境で Dynamic Media コンポーネントと使用するときに、ビデオプレーヤーに表示されます。サムネールは静的な画像の役割を果たし、ビデオ全体のコンテンツを最もよく表し、さらに「再生」ボタンのタップを推奨します。
ビデオの合計時間に基づいて、Dynamic Media は、10 個(デフォルト)のサムネール画像を、1%、11%、21%、31%、41%、51%、61%、71%、81%および 91%でビデオに取り込みます。10 個のサムネールは維持されます。つまり、後で別のサムネールを選択することになっても、一連のサムネールを再生成する必要はありません。10 個のサムネール画像をプレビューした後、ビデオで使用する画像を選択します。デフォルトに変更する場合は、CRXDE Lite を使用して、サムネール画像が生成される時間間隔を設定できます。例えば、等間隔の 4 つのサムネール画像をビデオから生成するだけの場合は、間隔時間を 24%、49%、74%および 99%に設定できます。
理論上、ビデオをアップロードしてから Web サイトで公開するまでの間は、ビデオサムネールをいつでも追加できます。
必要であれば、Dynamic Media によって生成されるサムネールを使用するのではなく、カスタムサムネールをアップロードしてビデオを表すことも可能です。例えば、ビデオのタイトル、人目を引くオープニング画像、またはビデオからキャプチャした特定の画像を持つカスタムサムネール画像を作成できます。アップロードするカスタムビデオサムネール画像は、最大解像度が 1280 x 720 ピクセル(最小幅 640 ピクセル)で、2MB を超えてはなりません。
カスタムビデオサムネールを使用できるのは、ダイナミックメディア - ハイブリッドモードを実行している場合のみです。

ビデオサムネールの追加

  1. ビデオサムネールを追加する、アップロードしたビデオアセットに移動します。
  2. In asset selection mode either from the List View or the Card View , tap the video asset.
  3. ツールバーの​ プロパティを表示 ​アイコン(丸で囲まれた「i」)をタップします。
  4. On the video's Properties page, tap Change Thumbnail .
  5. On the Change Thumbnail page, on the toolbar, tap Select Frame .
    デフォルトの時間間隔またはカスタマイズした時間間隔に基づき、Dynamic Media によって一連のサムネール画像がビデオから生成されます。
  6. 生成されたサムネール画像をプレビューした後、ビデオに追加する画像を選択します。
  7. 変更を保存 」をタップします。
    ビデオのサムネール画像が更新され、選択したサムネールが使用されます。後で、サムネール画像を変更する場合は、 サムネールを変更 ​ページに戻って、新しい画像を選択できます。
    新しいデフォルトの時間間隔を設定した場合、または新しいビデオをアップロードして既存のビデオを置き換えた場合、Dynamic Media によってサムネールを再生成する必要があります。

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

新しいデフォルトの時間間隔を設定して保存すると、この変更は、今後アップロードするビデオに対してのみ自動的に反映されます。以前にアップロードしたビデオには、新しいデフォルトは自動的に適用されません。既存のビデオについては、サムネールを再生成する必要があります。
詳しくは、 ビデオサムネールの追加 を参照してください。
ビデオサムネールが生成されるデフォルトの時間間隔を設定するには:
  1. AEM で、 ツール/一般/CRXDE Lite をタップします。
  2. In the CRXDE Lite page, in the directory panel on the left, navigate t o etc/dam/imageserver/configuration/jcr:content/settings.
    このディレクトリパネルが表示されない場合は、「ホーム」タブの左側にある >> アイコンをタップします。
  3. On the lower-right panel, in the Properties tab, double-tap thumbnailtime .
  4. thumbnailtime を編集ダイアログボックスで、テキストフィールドに間隔値を割合で入力します。
    • プラス記号(+)アイコンをタップして、1 つ以上の間隔値フィールドを追加します。このアイコンは、ダイアログボックスの下部までスクロールしないと表示されない場合があります。
    • リストから間隔値フィールドを削除するには、そのフィールドの右側にあるマイナス記号(-)アイコンをタップします。
    • 上向き矢印アイコンと下向き矢印アイコンをタップして、間隔値の順序を変更します。
  5. OK 」をタップして、「プロパティ」タブに戻ります。
  6. CRXDE Lite ページの左上隅にある「 すべて保存 」をタップした後、左上隅の「ホームに戻る」アイコンをタップして AEM に戻ります。
    詳しくは、 ビデオサムネールの追加 を参照してください。

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

この機能を使用できるのは、ダイナミックメディア - ハイブリッドモードを実行している場合のみです。
  1. ビデオサムネールを追加する、アップロードしたビデオアセットに移動します。
  2. In asset selection mode either from the List View or the Card View , tap the video asset.
  3. ツールバーの​ プロパティを表示 ​アイコン(丸で囲まれた「i」)をタップします。
  4. On the video's Properties page, tap Change Thumbnail .
  5. On the Change Thumbnail page, on the toolbar, tap Upload New Thumbnail .
  6. 使用するサムネール画像に移動して、その画像を選択します。次に、「 開く 」をタップして、AEM への画像のアップロードを開始します。
  7. After the image is successfully uploaded, in the Change Thumbnail page, tap Save Changes .
    カスタムサムネールがビデオに追加されます。