ページへのDynamic Mediaクラシック機能の追加

AdobeDynamic Media クラシックは、リッチメディアアセットを管理、強化、公開、およびWeb、モバイル、電子メール、インターネットに接続されたディスプレイや印刷に配信するためのホストソリューションです。

Dynamic Mediaクラシックで公開したAEMアセットは、様々なビューアで表示できます。

  • ズーム
  • フライアウト
  • ビデオ
  • 画像テンプレート
  • 画像

デジタルアセットはAEMからDynamic Mediaクラシックに直接公開でき、また、Dynamic MediaクラシックからAEMに公開できます。

この節では、デジタルアセットをAEMからDynamic Mediaクラシックに公開する方法と、その逆の方法について説明します。 また、ビューアについても詳しく説明します。Dynamic Mediaクラシック用のAEMの設定については、「Dynamic MediaクラシックとAEMの統合」を参照してください。

画像マップの追加も参照してください。

AEM でのビデオコンポーネントの使用について詳しくは、以下を参照してください。

メモ

Dynamic Mediaクラシックアセットが正しく表示されない場合は、ダイナミックメディアが無効であることを確認してから、ページを更新します。

手動でのアセットからDynamic Mediaクラシックへの公開

デジタルアセットは、クラシックUIのアセットコンソールからでも、アセットから直接でも、Dynamic Mediaクラシックに公開できます。

メモ

AEMは、非同期でDynamic Mediaクラシックに公開します。 「公開」をクリックした後で、アセットがDynamic Mediaクラシックに公開されるまでに数秒かかる場合があります。

アセットコンソールからの公開

アセットがDynamic Mediaクラシックターゲットフォルダー内にある場合に、アセットコンソールからDynamic Mediaクラシックに公開するには:

  1. AEMクラシックUIで、「デジタルアセット」をクリックしてデジタルアセットマネージャーにアクセスします。

  2. Dynamic Mediaクラシックに公開するターゲットフォルダ内からアセット(またはアセット)またはフォルダを選択し、右クリックして「Dynamic Mediaクラシックに公開」を選択します。 または、ツール​メニューから「Dynamic Mediaクラシックに公開」を選択します。

    chlimage_1-76

  3. Dynamic Mediaクラシックに移動し、アセットが使用可能であることを確認します。

    メモ

    アセットがDynamic Mediaクラシック同期フォルダーにない場合、両方のメニューの​Dynamic Mediaクラシックに公開​は表示されますが、無効になります。

アセットからの公開

アセットが同期されたDynamic Mediaクラシックフォルダ内にある限り、手動でアセットを公開できます。

メモ

アセットがDynamic Mediaクラシック同期フォルダー内にない場合、Dynamic Mediaクラシックに発行​へのリンクは使用できません。

デジタルアセットからDynamic Mediaクラシックに直接公開するには:

  1. AEM で、「デジタルアセット」をクリックして、Digital Asset Manager にアクセスします。

  2. アセットをダブルクリックして開きます。

  3. アセットの詳細ウィンドウで、「Dynamic Mediaクラシックに公開」を選択します。

    screen_shot_2012-02-22at34828pm

  4. リンクが​発行中…に変わります。​を開始してから​公開済み。 Dynamic Mediaクラシックに移動し、アセットが使用可能であることを確認します。

    メモ

    アセットがDynamic Mediaクラシックに正しく公開されない場合、リンクは​公開失敗​に変更されます。 アセットが既にDynamic Mediaクラシックに公開されている場合、リンクには「Dynamic Mediaクラシックに再公開」と表示されます。 再公開を使用すると、AEM内のアセットに変更を加えて再公開できます。

CQターゲットフォルダーの外部からのアセットの公開

Adobeでは、Dynamic Mediaクラシックターゲットフォルダ内のアセットからのみ、Dynamic Mediaクラシックにアセットを公開することをお勧めします。 ただし、ターゲットフォルダー外のフォルダーからアセットをアップロードする必要がある場合は、Dynamic Mediaクラシックの​アドホック​フォルダーにアップロードしてアップロードできます。

これを行うには、アセットを表示するページのクラウド設定を指定します。 次に、ページにDynamic Mediaクラシックコンポーネントを追加し、そのコンポーネントにアセットをドラッグ&ドロップします。 そのページのページプロパティが設定されると、「Dynamic Mediaクラシックに公開」​リンクが表示され、選択したトリガーがDynamic Mediaクラシックにアップロードするときに表示されます。

メモ

アドホックフォルダー内のアセットは、Dynamic Mediaクラシックコンテンツブラウザーには表示されません。

CQターゲットフォルダーの外部にあるアセットを発行するには:

  1. クラシックUIのAEMで、「Webサイト」をクリックし、まだDynamic Mediaクラシックに公開されていないデジタルアセットを追加するWebページに移動します。 (通常のページ継承ルールが適用されます)。

  2. サイドキックで、ページ​アイコンをクリックし、ページプロパティ​をクリックします。

  3. Cloud Services > 追加サービス > Dynamic Mediaクラシック(Scene7)​をクリックします。

  4. 「AdobeDynamic Mediaクラシック」ドロップダウンリストで、目的の設定を選択し、「OK」をクリックします。

    chlimage_1-77

  5. Webページで、ページ上の目的の場所にDynamic Mediaクラシック(Scene7)コンポーネントを追加します。

  6. コンテンツファインダーから、デジタルアセットをコンポーネントにドラッグします。 Dynamic Mediaクラシックのパブリケーション状態の確認​へのリンクが表示されます。

    メモ

    デジタルアセットがCQターゲットフォルダーにある場合、Dynamic Mediaクラシックパブリケーションのステータスを確認​へのリンクは表示されません。 アセットは、コンポーネント内に配置されるだけです。

    chlimage_1-78

  7. [Dynamic Mediaクラシックパブリケーションの状態​の確認]をクリックします。 アセットが公開されていない場合は、AEMはアセットをDynamic Mediaクラシックに公開します。 アップロードされたアセットは、アドホックフォルダーに配置されます。デフォルトでは、アドホックフォルダーはname_of_the_company/CQ5_adhocにあります。 必要に応じて、この場所を設定できます。

    メモ

    アセットがDynamic Mediaクラシック同期フォルダーになく、現在のページに関連付けられたDynamic Mediaクラシッククラウド設定がない場合、アップロードは失敗します。

Dynamic Mediaクラシック(Scene7)コンポーネント

AEMでは、次のDynamic Mediaクラシックコンポーネントを使用できます。

  • ズーム
  • フライアウト(ズーム)
  • 画像テンプレート
  • 画像
  • ビデオ
メモ

これらのコンポーネントはデフォルトでは使用できないので、を使用する前に​デザイン​モードで選択する必要があります。

これらのコンポーネントを​デザイン​モードで使用できるようになったら、他のAEMコンポーネントと同様に、ページに追加できます。 まだDynamic Mediaクラシックに公開されていないアセットは、同期フォルダー内、ページ上、またはDynamic Mediaクラシッククラウド設定で公開される場合、Dynamic Mediaクラシックに公開されます。

Flashビューアの提供終了の通知

2017年1月31日、AdobeDynamic MediaクラシックはFlashビューアプラットフォームのサポートを正式に終了しました。

この重要な変更について詳しくは、Flashビューアの提供終了FAQを参照してください。

ページへのDynamic Mediaクラシックコンポーネントの追加

Dynamic Mediaクラシックコンポーネントをページに追加するのは、コンポーネントをページに追加するのと同じです。 Dynamic Mediaクラシックコンポーネントについては、以下の節で詳しく説明します。

クラシックUIのページにDynamic Mediaクラシックコンポーネント/ビューアを追加するには:

  1. AEMで、Dynamic Mediaクラシックコンポーネントを追加するページを開きます。

  2. 使用可能なDynamic Mediaクラシックコンポーネントがない場合は、サイドキックのルーラーをクリックして​デザイン​モードに入り、編集​パーシスをクリックし、すべての​Dynamic Mediaクラシック​コンポーネントを選択して使用できます。

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

  4. サイドキックの​Dynamic Mediaクラシック​グループから、目的の場所のページにコンポーネントをドラッグします。

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

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

レスポンシブ Web サイトへのインタラクティブな表示エクスペリエンスの追加

アセットのレスポンシブデザインとは、アセットが表示される場所に適応することを意味します。レスポンシブデザインでは、同じアセットが複数のデバイスに効果的に表示されます。

インタラクティブな表示エクスペリエンスをレスポンシブサイトのクラシックUIに追加するには:

  1. AEMにログインし、AdobeDynamic MediaクラシックCloud Servicesを設定済みで、Dynamic Mediaクラシックコンポーネントが使用可能であることを確認します。

    メモ

    Dynamic MediaクラシックWCMコンポーネントが使用できない場合は、**デザインモードを使用して有効にしてください。

  2. WebサイトでDynamic Mediaクラシックコンポーネントを有効にしている場合、画像​ビューアをページにドラッグします。

  3. コンポーネントを編集し、「Dynamic Mediaクラシック設定」タブでブレークポイントを調整します。

    chlimage_1-79

  4. ビューアがレスポンシブにサイズ変更され、すべてのインタラクションがデスクトップ、タブレットおよびモバイル用に最適化されていることを確認します。

すべてのDynamic Mediaクラシックコンポーネントに共通の設定

設定オプションは異なりますが、以下はすべてのDynamic Mediaクラシックコンポーネントに共通です。

  • ファイル参照- 参照するファイルを探します。ファイル参照にはアセットのURLが表示されます。このURLは、URLコマンドとパラメータを含む完全なDynamic MediaクラシックURLとは限りません。 このフィールドには、Dynamic MediaクラシックURLのコマンドとパラメータを追加できません。 それらは、コンポーネントの対応する機能を使用して追加する必要があります。
  • - 幅を設定できます。
  • 高さ - 高さを設定できます。

これらの設定オプションは、例えば​ズーム​コンポーネントを開いた場合など、Dynamic Mediaクラシックコンポーネントを重複クリックして設定します。

chlimage_1-80

ズーム

HTML5 ズームコンポーネントでは、+ ボタンをクリックすると画像のサイズが拡大されます。

アセットの下部にはズームツールが用意されています。拡大するには「+ 」、縮小するには「-」をクリックします。x​またはズームリセット矢印をクリックすると、画像が読み込み元のサイズに戻ります。 全画面表示にするには、斜め矢印をクリックします。コンポーネントを設定するには、「編集」をクリックします。このコンポーネントを使用すると、すべてのDynamic Mediaクラシックコンポーネント](#settings-common-to-all-scene-components)に共通の[設定を構成できます。

Flyout

HTML5 フライアウトコンポーネントでは、アセットが分割画面として表示されます。左側には、アセットが指定されたサイズで表示され、右側には、ズーム部分が表示されます。コンポーネントを設定するには、「編集」をクリックします。このコンポーネントを使用すると、すべてのDynamic Mediaクラシックコンポーネント](/docs/experience-manager-64/administering/integration/scene7.html?lang=ja#settingscommontoalldynamicmediaclassiccomponents)に共通の[設定を構成できます。

メモ

フライアウトコンポーネントでカスタムサイズを使用する場合は、そのカスタムサイズが使用され、コンポーネントのレスポンシブ設定は無効になります。

フライアウトコンポーネントで、デザイン表示で設定されたデフォルトサイズを使用する場合は、デフォルトサイズが使用され、コンポーネントが伸張され、コンポーネントのレスポンシブな設定に合わせてページレイアウトサイズが調整されます。ただし、コンポーネントのレスポンシブセットアップには制限があることに注意してください。レスポンシブ設定でフライアウトコンポーネントを使用する場合は、フルページでの拡大縮小で使用しないでください。そうしないと、フライアウトがページの右の境界線を越える場合があります。

chlimage_1-81

画像

Dynamic Mediaクラシック画像コンポーネントを使用すると、Dynamic Mediaクラシック修飾子、画像またはビューアプリセット、シャープなどの画像にDynamic Mediaクラシック機能を追加できます。 Dynamic Mediaクラシックの画像コンポーネントは、特別なDynamic Mediaクラシック機能を持つAEMの他の画像コンポーネントと似ています。 この例では、画像にDynamic MediaクラシックURL修飾子&op_invert=1が適用されています。

タイトル、代替テキスト - 「 詳細」タブで、画像にタイトルを追加し、グラフィックをオフにしているユーザー用の代替テキストを追加します。

URL、開く場所 — リンクを開くアセットを設定できます。URL​と​Open in​を設定して、同じウィンドウで開くか、新しいウィンドウで開くかを指定します。

chlimage_1-82

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

Dynamic Mediaクラシック設定 -Scene7パブリッシングシステムからアクティブな画像プリセットを取得する際に使用するDynamic Mediaクラシック設定を選択します。

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

出力形式 — 画像の出力形式(jpegなど)を選択します。選択する出力形式によっては、追加の設定オプションが表示される場合があります。画像プリセットの管理を参照してください。

シャープ — 画像にシャープを適用する方法を選択します。シャープの適用について詳しくは、「AdobeDynamic Mediaクラシック画質とシャープのベストプラクティス」を参照してください。

URL修飾子 — 追加のDynamic Mediaクラシック画像コマンドを指定して、画像効果を変更できます。これらについては、画像プリセットの管理およびコマンドリファレンスで説明します。

ブレークポイント - Webサイトがレスポンシブである場合は、ブレークポイントを調整します。ブレークポイントはコンマ,で区切る必要があります。

画像テンプレート

Dynamic Mediaクラシック画像 テンプレートは、Dynamic Mediaクラシックに読み込まれたレイヤーPhotoshopコンテンツです。コンテンツとプロパティは可変性を考慮してパラメータ化されていました。画像テンプレート​コンポーネントを使用すると、画像を読み込んで、テキストを AEM で動的に変更できます。また、ClientContext の値を使用するように​画像テンプレート​コンポーネントを設定できます。これにより、各ユーザーが個別に画像を活用できます。

コンポーネントを設定するには、「編集」をクリックします。設定は、すべてのDynamic Mediaクラシックコンポーネントに共通の設定と、この節で説明する他の設定を構成できます。

chlimage_1-83

ファイル参照、幅、高さ — すべてのDynamic Mediaクラシックコンポーネントに共通の設定を参照してください。

メモ

Dynamic MediaクラシックURLのコマンドとパラメーターをファイル参照URLに直接追加することはできません。 これらは、パラメーター​パネルのコンポーネントの UI でのみ定義できます。

タイトル、代替 テキスト 「 Dynamic Mediaクラシック画像テンプレート」タブで、画像にタイトルを追加し、グラフィックをオフにしているユーザー用の代替テキストを追加します。

URL、開くアセ ットを設定して、リンクを開くことができます。「URL」と「次のウィンドウで開く」で、同じウィンドウで開くか新しいウィンドウで開くかを指定します。

chlimage_1-84

パラメータ パネル画像を読み込むと、パラメータに画像の情報が事前に入力されます。動的に変更できるコンテンツがない場合、このウィンドウは空になります。

chlimage_1-85

テキストの動的な変更

テキストを動的に変更するには、新しいテキストをフィールドに入力して、「OK」をクリックします。この例では、「価格」が $50 で、送料が 99 セントです。

chlimage_1-86

画像内のテキストが変更されます。フィールドの横にある「リセット」をクリックすると、テキストを元の値に戻すことができます。

chlimage_1-87

ClientContext の値を反映したテキストの変更

フィールドをクライアントコンテキスト値にリンクするには、「選択」をクリックしてクライアントコンテキストメニューを開き、クライアントコンテキストを選択して「OK」をクリックします。この例では、名前が、プロファイル内の形式設定された名前と名前をリンクすることに基づいて変更されます。

chlimage_1-88

現在ログインしているユーザーの名前がテキストに反映されます。フィールドの横にある「リセット」をクリックすると、テキストを元の値に戻すことができます。

chlimage_1-89

Dynamic Mediaクラシック画像テンプレートをリンクにするには:

  1. Dynamic Mediaクラシック画像テンプレートコンポーネントを含むページで、「編集」をクリックします。

  2. URL」フィールドに、ユーザーが画像をクリックしたときに表示される URL を入力します。「次のウィンドウで開く」フィールドで、ターゲットを新しいウィンドウと同じウィンドウのどちらで開くかを選択します。

    chlimage_1-90

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

ビデオコンポーネント

Dynamic Mediaクラシック​ビデオ​コンポーネント(サイドキックのDynamic Mediaクラシックセクションから利用可能)は、デバイスと帯域幅検出を使用して、各画面に適切なビデオを提供します。 このコンポーネントは HTML5 ビデオプレーヤー(チャネルを超えて使用可能な単一のビューア)です。

このコンポーネントはアダプティブビデオセット(単一の MP4 ビデオまたは単一の F4V ビデオ)で使用できます。

Dynamic Mediaクラシック統合でのビデオの動作について詳しくは、ビデオを参照してください。 また、Dynamic Mediaクラシックビデオ​コンポーネントが基盤​ビデオ​コンポーネントと比較される方法を参照してください。

chlimage_1-91

ビデオコンポーネントに関する既知の制限事項

マスタービデオがアップロードされると、Adobe DAM および WCM が表示されます。次に示すプロキシアセットは表示されません。

  • Dynamic Mediaクラシックエンコードレンディション
  • Dynamic Mediaクラシックアダプティブビデオセット

Dynamic Mediaクラシックビデオコンポーネントでアダプティブビデオセットを使用する場合は、ビデオのサイズに合わせてコンポーネントのサイズを変更する必要があります。

Dynamic Mediaクラシックコンテンツブラウザ

Dynamic Mediaクラシックコンテンツブラウザを使用すると、Dynamic MediaクラシックのコンテンツをAEMで直接表示できます。 コンテンツブラウザーにアクセスするには、コンテンツファインダーで、タッチ操作向けユーザーインターフェイスの​Dynamic Mediaクラシック​またはクラシックユーザーインターフェイスの​S7​アイコンを選択します。 どちらの UI を使用しても機能は同じです。

設定が複数ある場合、AEM では既定でデフォルト設定が表示されます。ドロップダウンメニューのDynamic Mediaクラシックコンテンツブラウザで、異なる設定を直接選択できます。

メモ
  • アドホックフォルダーにあるアセットは、Dynamic Mediaクラシックコンテンツブラウザーには表示されません。

  • セキュアプレビューを有効にすると、Dynamic Mediaクラシックの公開アセットと非公開アセットの両方が、Dynamic Mediaクラシックのコンテンツブラウザーに表示されます。

  • コンテンツブラウザーで​Dynamic Mediaクラシック​または​S7​アイコンがオプションとして表示されない場合は、AEM](/docs/experience-manager-64/administering/integration/scene7.html?lang=ja)で動作するように[Dynamic Mediaクラシックを設定する必要があります。

  • ビデオの場合、Dynamic Mediaクラシックコンテンツブラウザは次の機能をサポートします。

  • アダプティブビデオセット:複数の画面でシームレスに再生するために必要なすべてのビデオレンディションのコンテナ

  • 単一の MP4 ビデオ

  • 単一の F4V ビデオ

クラシック UI でのコンテンツの参照

S7」タブをクリックして、Dynamic Mediaクラシックのコンテンツを参照します。

アクセスしている設定は、設定を選択して変更できます。 フォルダーは、選択した設定に応じて変わります。

chlimage_1-92

アセット用のコンテンツファインダーと同様に、アセットを検索して、結果にフィルターを適用できます。ただし、アセットファインダーとは異なり、「S7」タブでキーワードを入力すると、そのキーワードが​含まれる​ファイル名ではなく、入力した文字列​で始まる​ファイル名が検索されます。

デフォルトでは、アセットはファイル名で表示されます。結果をアセットタイプでフィルタリングすることもできます。

メモ

ビデオの場合、WCMのDynamic Mediaクラシックコンテンツブラウザーは、次の機能をサポートしています。

  • アダプティブビデオセット:複数の画面でシームレスに再生するために必要なすべてのビデオレンディションのコンテナ
  • 単一の MP4 ビデオ
  • 単一の F4V ビデオ

コンテンツブラウザーでのDynamic Mediaクラシックアセットの検索

Dynamic Mediaクラシックアセットの検索は、AEMアセットの検索と似ていますが、検索を行うと、実際にはAEMに直接読み込むのではなく、Dynamic Mediaクラシックシステムでアセットのリモート表示が表示されます。

クラシック UI またはタッチ操作向け UI を使用して、アセットを表示および検索できます。インターフェイスによって検索方法は多少異なります。

どちらの UI で検索する場合でも、次の基準でフィルターを適用できます(ここでは、タッチ操作向け UI を示しています)。

キーワードの入力 — アセットを名前で検索できます。検索時には、入力したキーワードで始まるファイル名が検索されます。例えば、「swimming」という単語を入力すると、入力した順序どおりの文字列で始まるアセットファイルの名前が検索されます。アセットを検索するには、語句を入力した後に Enter キーを押してください。

chlimage_1-93

Folder/path — 表示されるフォルダーの名前は、選択した設定に基づいています。下位にドリルダウンするには、フォルダーアイコンをクリックしてサブフォルダーを選択し、チェックマークをクリックして選択します。

キーワードを入力してフォルダーを選択すると、AEM ではそのフォルダーがとすべてのサブフォルダーが検索されます。ただし、検索時にキーワードを入力しない場合は、フォルダーを選択してもそのフォルダー内のアセットしか表示されず、サブフォルダーは含まれません。

デフォルトでは、AEM は、選択したフォルダーとすべてのサブフォルダーを検索します。

chlimage_1-94

AssetSelect Classicのタイプ:Dynamic Mediaクラシックコンテンツを参照します。このオプションは、既にDynamic Mediaクラシックを設定済みの場合にのみ使用できます。

chlimage_1-95

​設定 Cloud Servicesで複数のDynamic Mediaクラシック設定が定義されている場合は、ここで選択できます。そのため、選択した設定に基づいてフォルダーが変わります。

chlimage_1-96

アセット タイプDynamic Mediaクラシックブラウザでは、結果をフィルタして次のいずれかを含めることができます。画像、テンプレート、ビデオおよびアダプティブビデオセットを参照してください。アセットタイプを選択しない場合、AEM ではデフォルトですべてのアセットタイプが検索されます。

chlimage_1-97

メモ
  • ビデオを検索するときは、単一のレンディションが検索されています。結果は、元のレンディション(*.mp4のみ)とエンコードされたレンディションを返します。
  • アダプティブビデオセットを検索する場合、フォルダとすべてのサブフォルダが検索されますが、検索にキーワードを追加した場合のみ検索されます。 キーワードを追加しない場合、AEM はサブフォルダーを検索しません。

発行 ステータス発行ステータスに基づいて、アセットをフィルタリングできます。 公開済みまたは 未公開。「公開ステータス」を選択しない場合、AEMでは、デフォルトですべての公開ステータスが検索されます。

chlimage_1-98

このページ