ページに Dynamic Media Classic 機能を追加 adding-scene-features-to-your-page

Adobe Dynamic Media Classic は、リッチメディアアセットを管理および拡張したり、web、モバイル、メール、インターネットに接続されたディスプレイやプリンターにリッチメディアアセットを公開および提供したりするためのホスト型ソリューションです。

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

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

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

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

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

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

NOTE
Dynamic Media Classic のアセットが適切に表示されない場合は、Dynamic Media が無効になっていることを確認してからページを更新してください。

アセットから Dynamic Media Classic への手動公開 manually-publishing-to-scene-from-assets

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

NOTE
Experience Manager は Dynamic Media Classic に非同期で公開します。公開 ​を選択した後、アセットが Dynamic Media Classic に公開されるまでに数秒かかります。

Dynamic Media Classic コンポーネント scene-components

次の Dynamic Media Classic コンポーネントを Experience Manager で使用できます。

  • ズーム
  • フライアウト(ズーム)
  • 画像テンプレート
  • 画像
  • ビデオ
NOTE
これらのコンポーネントはデフォルトでは使用できません。使用する前に デザイン モードで選択しておく必要があります。

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

NOTE
カスタムビューアを作成および開発する場合や、コンテンツファインダーを使用する場合は、allowfullscreen パラメーターを明示的に追加する必要があります。

Flash ビューアのサポート終了に関するお知らせ flash-viewers-end-of-life-notice

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

ページに Dynamic Media Classic(Scene7)コンポーネントを追加 adding-a-scene-component-to-a-page

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

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

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

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

    chlimage_1-224

  3. 編集」を選択すると、編集 ​モードに戻ります。

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

  5. 設定」アイコンを選択して、コンポーネントを開きます。

  6. 必要に応じてコンポーネントを編集し、「OK」を選択して変更内容を保存します。

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

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

レスポンシブサイトにインタラクティブな表示エクスペリエンスを追加 adding-interactive-viewing-experiences-to-a-responsive-website

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

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

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

  1. Experience Manager にログインし、Adobe Dynamic Media Classic Cloud Services を設定済みであることと、Dynamic Media Classic コンポーネントが使用可能であることを確認します。

    note note
    NOTE
    Dynamic Media Classic コンポーネントが使用可能になっていない場合は、デザインモードで有効にしてください。
  2. Dynamic Media Classic コンポーネントが有効になっている web サイトで、画像 ​コンポーネントをページにドラッグします。

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

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

    chlimage_1-225

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

すべての Dynamic Media Classic コンポーネントに共通の設定 settings-common-to-all-scene-components

様々な設定オプションがありますが、次のオプションはすべての Dynamic Media Classic コンポーネントに共通です。

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

これらの設定オプションは、Dynamic Media Classic コンポーネントを開く(ダブルクリックする)ことで設定できます。例えば、ズーム ​コンポーネントを開いた場合は、次のようになります。

chlimage_1-226

ズーム zoom

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

アセットの下部にはズームツールが用意されています。拡大する場合は「+」を選択し、縮小する場合は「-」を選択します。「x」またはズームのリセット矢印をタップすると、画像が元の(読み込み時の)サイズに戻ります。斜めの矢印を選択すると、フルスクリーンモードになります。「編集」を選択すると、コンポーネントを設定できます。このコンポーネントを使用すると、Dynamic Media Classic のすべてのコンポーネントに共通の設定を指定できます。

chlimage_1-227

フライアウト flyout

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

NOTE
フライアウト ​コンポーネントでカスタムサイズを使用している場合は、そのカスタムサイズが使用され、コンポーネントのレスポンシブ設定は無効になります。
フライアウト ​コンポーネントでデフォルトサイズ(デザインビュー ​で設定されたもの)を使用している場合は、そのデフォルトサイズが使用され、コンポーネントのレスポンシブ設定を有効にしていれば、ページレイアウトサイズに合わせてコンポーネントが拡大されます。コンポーネントのレスポンシブ設定には制限があります。レスポンシブ設定と​ フライアウト ​コンポーネントを使用する場合は、全ページ拡大で使用しないでください。そうしないと、フライアウト ​がページの右端からはみ出してしまう可能性があります。

chlimage_1-228

画像 image

Dynamic Media Classic の​ 画像 ​コンポーネントを使用すると、Dynamic Media Classic の修飾子、画像またはビューアのプリセット、シャープニングなどといった Dynamic Media Classic 機能を画像に追加できます。Dynamic Media Classic の​ 画像 ​コンポーネントは、Experience Manager の他の画像コンポーネントと似ていますが、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 サイトでは、ブレークポイントの調整が必要な場合があります。ブレークポイントはコンマ(,)で区切る必要があります。

画像テンプレート image-template

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

コンポーネントを設定する場合は「編集」を選択します。すべての Dynamic Media Classic コンポーネントに共通の設定およびこの節で説明するその他の設定を指定できます。

chlimage_1-231

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

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

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

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

chlimage_1-232

パラメーターパネル - 画像をインポートすると、その画像の情報がパラメーターに設定されます。動的に変更できるコンテンツがない場合、このウィンドウは空になります。

chlimage_1-233

テキストを動的に変更 changing-text-dynamically

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

chlimage_1-234

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

chlimage_1-235

クライアントコンテキストの値を反映してテキストを変更 changing-text-to-reflect-the-value-of-a-client-context-value

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

chlimage_1-236

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

chlimage_1-237

  1. Dynamic Media Classic 画像テンプレート ​コンポーネントを含むページ上で、編集 ​を選択します。

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

    chlimage_1-238

  3. OK」を選択します。

ビデオコンポーネント video-component

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

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

ビデオが Dynamic Media Classic 統合でどのように機能するかに関する詳細は、ビデオを参照してください。また、 Dynamic Media Classicビデオコンポーネントと基盤ビデオコンポーネントの比較も参照してください。

chlimage_1-239

ビデオコンポーネントに関する既知の制限事項 known-limitations-for-the-video-component

Adobe DAM および WCM が、プライマリソースビデオがアップロードされたかどうかを示します。次に示すプロキシアセットは表示されません。

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

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

Dynamic Media Classic コンテンツブラウザー scene-content-browser

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

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

NOTE
  • オンデマンドフォルダー内のアセットは、Dynamic Media Classic コンテンツブラウザーに表示されません。

  • セキュアプレビューが有効に設定されている場合、Dynamic Media Classic 上の公開済みアセットと未公開アセットの両方が Dynamic Media Classic コンテンツブラウザーに表示されます。

  • コンテンツブラウザーに​ Dynamic Media Classic または S7 ​アイコンがオプションとして表示されない場合は、 Dynamic Media Classic が Experience Manager と連携するように設定しなければなりません。

  • ビデオの場合、Dynamic Media Classic コンテンツブラウザーは次の項目をサポートしています。

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

タッチ操作向け UI でのコンテンツを参照 browsing-content-in-the-touch-optimized-ui

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

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

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

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

chlimage_1-240

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

chlimage_1-241

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

コンテンツブラウザーでの Dynamic Media Classic アセットの検索 searching-for-scene-assets-with-the-content-browser

Dynamic Media Classic でのアセットの検索は、Experience Manager Assets でのアセットの検索と類似しています。ただし、検索時に、Experience Manager にアセットを直接インポートするのではなく、実際には Dynamic Media Classic システム内のアセットのリモートビューが表示されます。

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

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

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

chlimage_1-242

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

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

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

chlimage_1-243

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

chlimage_1-244

設定 - Dynamic Media Classic の設定がクラウドサービスで複数定義されている場合は、ここで選択できます。その結果、選択した設定に応じてフォルダーが変わります。

chlimage_1-245

アセットタイプ - Dynamic Media Classic ブラウザー内では、結果にフィルターを適用して、画像、テンプレート、ビデオ、アダプティブビデオセットのいずれかを抽出することができます。アセットタイプを選択しない場合、Experience Manager ではデフォルトですべてのアセットタイプが検索されます。

chlimage_1-246

NOTE
  • クラシック UI では、FlashFXG も検索できます。タッチ操作向け UI では、これらのタイプのフィルタリングはサポートされていません。

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

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

公開ステータス - 公開ステータス(非公開 ​または​ 公開済み)に基づいてアセットをフィルタリングできます。公開ステータス ​を選択しない場合、Experience Manager ではデフォルトですべての公開ステータスが検索されます。

chlimage_1-247

recommendation-more-help
19ffd973-7af2-44d0-84b5-d547b0dffee2