ページへのDynamic Media Classicコンポーネントの追加

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

Dynamic Media Classicで公開されたAEMアセットは、様々なビューアで表示できます。

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

デジタルアセットをAEMからDynamic Media Classicに直接公開したり、デジタルアセットをDynamic Media ClassicからAEMに公開したりできます。

このドキュメントでは、デジタルアセットをAEMからDynamic Media Classicに公開する方法と、その逆の方法について説明します。 また、ビューアについても詳しく説明します。AEM for Dynamic Media Classicの設定について詳しくは、 Dynamic Media ClassicとAEMの統合.

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

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

メモ

Dynamic Media Classicのアセットが正しく表示されない場合は、Dynamic Media が 無効 ページを更新します。

アセットからDynamic Media Classicへの手動公開

デジタルアセットは、次の手順でDynamic Media Classicに公開できます。

メモ

AEMはDynamic Media Classicに非同期で公開します。 次をクリックした後: 公開( アセットがDynamic Media Classicに公開されるまで数秒かかる場合があります )。

Dynamic Media Classicコンポーネント

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

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

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

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

メモ

カスタムビューアを作成および開発し、コンテンツファインダーを使用する場合は、 allowfullscreen パラメーター。

Flash ビューアのサポート終了に関する通知

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

ページへのDynamic Media Classicコンポーネント (Scene7) の追加

Dynamic Media Classic(Scene7) コンポーネントをページに追加する操作は、任意のページにコンポーネントを追加する操作と同じです。 Dynamic Media Classicコンポーネントについて、以降の節で詳しく説明します。

ページにDynamic Media Classic(Scene7) コンポーネントを追加するには:

  1. AEMで、Dynamic Media Classic(Scene7) コンポーネントを追加するページを開きます。

  2. 使用できるDynamic Media Classicコンポーネントがない場合は、 デザイン モード、青い境界線の付いた任意のコンポーネントをタップ、 アイコン、 設定 アイコン In Parsys (デザイン)​をクリックし、使用可能にするDynamic Media Classicのすべてのコンポーネントを選択して、 OK.

    chlimage_1-224

  3. クリック 編集 戻る 編集 モード。

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

  5. 次をクリック: 設定 アイコンをクリックして、コンポーネントを開きます。

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

  7. 画像またはビデオをコンテンツブラウザーからページに追加したDynamic Media Classicコンポーネントにドラッグします。

    メモ

    タッチ UI のみで、画像またはビデオをページに配置したDynamic Media Classicコンポーネントにドラッグ&ドロップする必要があります。 Dynamic Media Classicコンポーネントの選択と編集の後でのアセットの選択はサポートされていません。

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

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

Web ページのレスポンシブデザインも参照してください。

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

  1. AEMにログインし、 設定済みのAdobe Dynamic Media ClassicCloud Services Dynamic Media Classicコンポーネントを使用できます。

    メモ

    Dynamic Media Classicコンポーネントを使用できない場合は、 デザインモードで有効にするには.

  2. Web サイト内の Dynamic Media Classic 有効なコンポーネント、ドラッグ 画像 コンポーネントをページに追加します。

  3. コンポーネントを選択し、設定アイコンをタップします。

  4. Dynamic Media Classic Settings タブで、ブレークポイントを調整します。

    chlimage_1-225

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

すべてのDynamic Media Classicコンポーネントに共通の設定

設定オプションは異なりますが、次の操作はすべての Dynamic Media Classic コンポーネント:

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

  • 幅を設定できます。
  • 高さ
    高さを設定できます。

これらの設定オプションを設定するには、例えば、Dynamic Media Classicコンポーネントを開く(ダブルクリックする)と、 ズーム コンポーネント:

chlimage_1-226

ズーム

HTML5 ズームコンポーネントで、 + 」ボタンをクリックします。

アセットの下部にはズームツールが用意されています。タップ + を拡大します。 タップ - 減らす。 次をタップ x または「ズームをリセット」矢印を使用すると、画像は読み込み時の元のサイズに戻ります。 斜めの矢印をタップして、全画面表示にします。 タップ 編集 コンポーネントを設定する場合。 このコンポーネントを使用すると、 すべての Dynamic Media Classic コンポーネント.

chlimage_1-227

フライアウト

HTML5 フライアウト コンポーネントの場合、アセットは分割画面で表示されます。アセットを指定されたサイズで残し、ズーム部分の右側が表示されます。 タップ 編集 コンポーネントを設定する場合。 このコンポーネントを使用すると、 すべてのDynamic Media Classicコンポーネントに共通の設定.

メモ

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

次に、 フライアウト コンポーネントは、 デザインビュー​を指定した場合は、デフォルトのサイズが使用され、コンポーネントが拡張され、コンポーネントのレスポンシブ設定に応じてページレイアウトのサイズに調整されます。ただし、コンポーネントのレスポンシブ設定には制限があることに注意してください。を フライアウト レスポンシブ設定のコンポーネント。フルページで拡大して使用しないでください。それ以外の場合は、 フライアウト は、ページの右の境界線を越えて拡大する場合があります。

chlimage_1-228

画像

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

chlimage_1-229

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

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

chlimage_1-230

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

  • Dynamic Media Classic Configuration
    SPS からアクティブな画像プリセットを取得するために使用するDynamic Media Classic設定を選択します。

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

  • 出力形式
    画像の出力形式(例:jpeg)を選択します。 選択する出力形式によっては、追加の設定オプションが表示される場合があります。画像プリセットのベストプラクティスを参照してください。

  • シャープ
    画像にシャープを適用する方法を選択します。 シャープニングについて詳しくは、画像プリセットのベストプラクティスおよびシャープニングのベストプラクティスを参照してください。

  • URL 修飾子
    追加のDynamic Media Classic画像コマンドを指定すると、画像エフェクトを変更できます。 詳しくは、画像プリセットおよび「コマンドリファレンス」を参照してください。

  • ブレークポイント
    レスポンシブ Web サイトの場合は、ブレークポイントを調整する必要があります。 ブレークポイントはコンマ(,)で区切って指定してください。

画像テンプレート

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

タップ 編集 コンポーネントを設定する場合。 次の項目を設定できます。 すべてのDynamic Media Classicコンポーネントに共通の設定 と、この節で説明するその他の設定。

chlimage_1-231

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

    メモ

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

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

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

chlimage_1-232

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

chlimage_1-233

テキストの動的な変更

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

chlimage_1-234

画像内のテキストが変更されます。をタップして、テキストを元の値に戻すことができます。 リセット をクリックします。

chlimage_1-235

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

フィールドを ClientContext の値にリンクするには、 選択 client-context メニューを開くには、clientcontext を選択し、 OK. この例では、「名前」フィールドとプロファイル内の書式設定された名前とのリンクに基づいて名前が変わります。

chlimage_1-236

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

chlimage_1-237

  1. Dynamic Media Classicを含むページ上 画像テンプレート コンポーネント、タップ 編集.

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

    chlimage_1-238

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

ビデオコンポーネント

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

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

詳しくは、 ビデオ ビデオとDynamic Media Classicの統合の連携について詳しくは、こちらを参照してください。 また、 Dynamic Media Classicビデオコンポーネントと基盤ビデオコンポーネントの比較.

chlimage_1-239

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

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

  • Dynamic Media Classicエンコードされたレンディション
  • Dynamic Media Classicアダプティブビデオセット

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

Dynamic Media Classic Content Browser

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

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

メモ
  • アドホックフォルダーにあるアセットは、Dynamic Media Classicコンテンツブラウザーに表示されません。
  • 条件 プレビューの保護が有効になっていますに設定されている場合、Dynamic Media Classic上の公開済みアセットと未公開アセットの両方がDynamic Media Classicコンテンツブラウザーに表示されます。
  • 表示されない Dynamic Media Classic または S7 アイコンをコンテンツブラウザーのオプションとして使用する場合は、 AEMと連携するDynamic Media Classicの設定.
  • ビデオの場合、Dynamic Media Classicコンテンツブラウザーは次の機能をサポートしています。
    • アダプティブビデオセット:複数の画面でシームレスに再生するために必要なすべてのビデオレンディションのコンテナ
    • 単一の MP4 ビデオ
    • 単一の F4V ビデオ

タッチ操作向け UI でのコンテンツの参照

タッチ対応 UI またはクラシック UI を使用してコンテンツブラウザーにアクセスできます。現時点では、タッチ対応 UI には次の制限事項があります。

  • Dynamic Media Classicの FXG およびFlashアセットはサポートされていません。

選択によるDynamic Media Classicアセットの参照 Dynamic Media Classic 3 番目のドロップダウンメニューから。 Dynamic Media Classic/AEMの統合を設定していない場合、Dynamic Media Classicはリストに表示されません。

メモ
  • Dynamic Media Classicコンテンツブラウザーは、約 100 個のアセットを読み込み、名前順に並べ替えます。
  • セキュリティで保護されたプレビューサーバーが設定されている場合、ブラウザーはそのプレビューサーバーを使用してサムネールとアセットをレンダリングします。

chlimage_1-240

また、ブラウザー内でアセットの上にマウスポインターを置くと、解像度の情報、サイズ、変更後の日数およびファイル名を参照できます。

chlimage_1-241

  • アダプティブビデオセットとテンプレートの場合は、サムネール用のサイズ情報が生成されません。
  • アダプティブビデオセットの場合は、サムネール用の解像度が生成されません。

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

Dynamic Media Classicアセットの検索は、AEMアセットの検索と似ていますが、検索時に、実際にはAEMに直接読み込むのではなく、Dynamic Media Classicシステムにアセットのリモートビューが表示される点が異なります。

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

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

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

chlimage_1-242

  • フォルダー/パス
    表示されるフォルダーの名前は、選択した設定に基づいています。 フォルダーアイコンをタップしてサブフォルダーを選択し、チェックマークをタップして選択すると、下位レベルまでドリルダウンできます。

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

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

chlimage_1-243

  • アセットのタイプ
    選択 Dynamic Media Classic Dynamic Media Classicコンテンツを参照します。 このオプションは、Dynamic Media Classicが設定されている場合にのみ使用できます。

chlimage_1-244

  • 設定
    複数のDynamic Media Classic設定を Cloud Servicesを選択する場合は、ここで選択できます。 そのため、選択した設定に基づいてフォルダーが変わります。

chlimage_1-245

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

chlimage_1-246

メモ
  • クラシック UI では、FlashFXG も検索できます。現時点では、タッチ対応 UI でのこれらのフィルタリングはサポートされていません。

  • ビデオを検索するときは、単一のレンディションが検索されています。結果は、元のレンディション(*.mp4 のみ)とエンコードされたレンディションを返します。

  • アダプティブビデオセットを検索する場合、検索にキーワードを追加した場合にのみ、フォルダーとすべてのサブフォルダーを検索します。 キーワードを追加しない場合、AEM はサブフォルダーを検索しません。

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

chlimage_1-247

このページ