現在表示中:

アセットピッカーは、1 つ以上のアセットを MIME タイプに基づいて検索する機能です。アセットに関連付けられたメタデータを取得することもできます。

アセットピッカーは、カスタマイズ可能なビューを表示する様々なコンテキストから起動できます。アセットタイプ(画像、ビデオ、テキスト)と選択モード(単一、複数)をアセットピッカーのコンテキスト情報として渡すことができます。この情報は、この選択操作全体で変更されません。

アセットピッカーの統合

アセットピッカーを Web ページに統合できます。統合するには、URL http://<host>:<port>/aem/assetpicker を IFrame、ポップアップウィンドウ、タブなどに追加します。

通信プロトコル

次のリクエストパラメーターを URL に渡して、特定のコンテキストでアセットピッカーを起動できます。

  • type:image/text/video
  • mode:single/multiple の選択
  • typeFilters:enable/disable

例えば、パラメーターを次のように渡します。

http://<host:port>/aem/assetpicker?mode=single&mimeType=video

アセットピッカーは、HTML5 の Window.postMessage メッセージを使用して、選択したアセットのデータを受信者に送信します。さらに、アセットピッカーは、インターフェイス上で実行された操作(「完了」、「キャンセル」などの操作)に関するデータと通知を次の形式で送信します。                

Object {

 config: Object

  action: "done"

    data: Array[1]

      0: Object {

     img: "http://<host>:<port>/content/dam/geometrixx-outdoors/products/equipment/
Sparrow.mov/_jcr_content/renditions/cq5dam.thumbnail.319.319.png"

                   path: "/content/dam/geometrixx-outdoors/products/equipment/Sparrow.mov"

                            size: "93.7 KB" 

                            title: "Sparrow"

                            type: "video/quicktime"

                            url: "http://<host>:<port>/content/dam/geometrixx-outdoors/products/equipment/Sparrow.mov"

               . . . }

アセットピッカーの使用

  1. アセットピッカーインターフェイスにアクセスするには、http://<host>:<port>/aem/assetpicker に移動します。

  2. 参照アイコンをクリックして AEM Assets 内のフォルダーを参照し、特定の検索ルートパスにある 1 つ以上のアセットを選択します。

  3. 必要なアセットの場所に移動し、アセットを選択します。

  4. 必要に応じて、検索結果を絞り込むための検索フィルターを適用し、ツールバーのフィルターアイコンをクリックします。

  5. コレクション内のアセットを検索するには、ツールバーのボードとコレクションアイコンをクリックまたはタップします。

  6. 必要なアセットを選択した後、ツールバーの確認アイコンをクリックまたはタップします。アセットの詳細がアセットピッカーインターフェイスに表示されます

注意:

アセットピッカーのデモ用のユーザーインターフェイスを、次のバニティー URL から起動できます。http://<localhost>:<port>/libs/dam/gui/content/assetpicker/demo.html

本作品は Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License によってライセンス許可を受けています。  Twitter™ および Facebook の投稿には、Creative Commons の規約内容は適用されません。

法律上の注意   |   プライバシーポリシー