ページへのダイナミックメディアアセットの追加

現在表示中:

Web サイトで使用するアセットにダイナミックメディア機能を追加する場合は、ページに直接ダイナミックメディアまたはインタラクティブメディアコンポーネントを追加できます。そのためには、デザインモードに切り替えて、ダイナミックメディアコンポーネントを有効にします。次に、これらのコンポーネントをページに追加して、そのコンポーネントにアセットを追加します。ダイナミックメディアコンポーネントおよびインタラクティブメディアコンポーネントはスマートであり、追加しているアセットが画像であるかビデオであるかを自動的に把握します。それに従って、使用可能なオプションが変わります。

AEM を WCM として使用している場合は、ダイナミックメディアアセットを直接ページに追加します。

注意：

画像の操作時にダイナミックメディアビューアで画像マップを使用するには、SDK を使用してカスタムビューアを作成する必要があります。SDK およびドキュメントのダウンロードについては、SDK ドキュメントを参照してください。

画像マップは追加設定なしでカルーセルバナーで使用できます。

ページにダイナミックメディアまたはインタラクティブメディアコンポーネントを追加する手順は、任意のページにコンポーネントを追加する手順と同じです。ダイナミックメディアおよびインタラクティブメディアコンポーネントについて詳しくは、これ以降の節で説明します。

ページにダイナミックメディアコンポーネント／ビューアを追加するには：

AEM で、ダイナミックメディアコンポーネントを追加するページを開きます。

使用できるダイナミックメディアコンポーネントがない場合は、サイドキックの定規アイコンをクリックしてデザインモードに切り替え、parsys の「編集」をクリックし、「ダイナミックメディア」を選択して使用できるようにします。

注意：

詳しくは、デザインモードでのコンポーネントの設定を参照してください。

サイドキックの鉛筆アイコンをクリックして、編集モードに戻ります。

サイドキックのその他グループからページの目的の場所にダイナミックメディアまたはインタラクティブメディアコンポーネントをドラッグします。

「編集」をクリックしてコンポーネントを開きます。

コンポーネントの編集を必要に応じておこない、「OK」をクリックして変更内容を保存します。

ダイナミックメディアおよびインタラクティブメディアは、ダイナミックメディアの下のサイドキックで使用できます。インタラクティブメディアコンポーネントは、すべてのインタラクティブアセット（インタラクティブビデオ、インタラクティブ画像、カルーセルセットなど）に使用します。その他すべてのダイナミックメディアコンポーネントでは、ダイナミックメディアコンポーネントを使用します。

注意：

これらのコンポーネントはデフォルトでは使用できず、使用する前にデザインモードで選択しておく必要があります。デザインモードで使用可能として設定した後、他の AEM コンポーネントと同様に、これらのコンポーネントをページに追加できます。

ダイナミックメディアコンポーネントはスマートであり、追加しているアセットが画像であるかビデオであるかに応じて、様々なオプションを使用できます。このコンポーネントでは、画像プリセットや画像ベースのビューア（画像セット、スピンセット、混合メディアセット、ビデオなど）がサポートされます。さらに、レスポンシブビューアであるので、ビューアのサイズは画面サイズに合わせて自動的に変化します。すべてのビューアは HTML5 ビューアです。

注意：

ダイナミックメディアコンポーネントを追加したときに、「ダイナミックメディア設定」が空であるかアセットを適切に追加できない場合は、次の点を確認してください。

ダイナミックメディアを有効にしていること。ダイナミックメディアはデフォルトで無効になっています。
画像が pyramid tiff ファイルであること。ダイナミックメディアを有効にする前に読み込まれた画像には、pyramid tiff ファイルはありません。

ダイナミックメディアコンポーネントでは、画像セット、スピンセット、混在メディアセットなどの動的イメージを追加できます。ズームイン、ズームアウト、スピンセット内での画像の回転（該当する場合）または別のタイプのセットからの画像の選択をおこなうことができます。

また、ビューアプリセット、画像プリセットまたは画像形式をコンポーネント内で直接設定することもできます。画像をレスポンシブにするために、ブレークポイントの設定かレスポンシブ画像プリセットの適用のいずれかを実行できます。

コンポーネントの「編集」、「ダイナミックメディア設定」の順にクリックして、次のダイナミックメディア設定を編集できます。

注意：

デフォルトでは、ダイナミックメディア画像コンポーネントはアダプティブです。画像コンポーネントを固定サイズにする場合は、そのコンポーネントで、「詳細」タブの「幅」と「高さ」を使用してサイズを設定します。

ビューアプリセット

ドロップダウンメニューから既存のビューアプリセットを選択します。探しているビューアプリセットが表示されない場合は、表示できるように設定する必要があります。詳しくは、ビューアプリセットの管理を参照してください。画像プリセットを使用している場合は、ビューアプリセットを選択できません。逆の場合も同様です。

これは、画像セット、スピンセットまたは混在メディアセットを表示している場合に唯一使用できるオプションです。表示されるビューアプリセットもスマートであり、関連するビューアプリセットのみが表示されます。

画像プリセット

ドロップダウンメニューから既存の画像プリセットを選択します。探している画像プリセットが表示されない場合は、表示できるように設定する必要があります。画像プリセットの管理を参照してください。画像プリセットを使用している場合は、ビューアプリセットを選択できません。逆の場合も同様です。