Web アプリケーションへの URL のリンク

検索
Experience Manager 6.3 Assets マニュアル
対象アプリケーション: Experience Manager 6.3 Assets

某些 Creative Cloud 应用程序、服务和功能在中国不可用。

現在表示中:

Web サイトやアプリケーションは、URL コールによってダイナミックメディアのサービスにアクセスします。アセットの公開後、ダイナミックメディアによって、そのアセットを参照する URL 文字列がアクティベートされます。これらの URL を Web ブラウザーに貼り付けてテストすることができます。

AEM を WCM として使用していない場合に限り、URL へのリンクを使用します。ビデオプレーヤーをポップアップウィンドウまたはモーダルウィンドウとして配信する場合には、（埋め込みではなく）リンク機能を使用します。AEM を WCM として使用している場合は、ページに直接アセットを追加します。

Web ページやアプリケーションにこれらの URL 文字列を配置するには、ダイナミックメディアからコピーします。 

注意：

URL 文字列は、アセットの動的レンディションでのみ使用できます。現時点では、ダイナミックメディアサーバーではなく DAM に存在する静的アセットには URL 文字列を使用できません。静的なレンディションに対しては「URL」ボタンが表示されません。

Web ページへのビデオビューアまたは画像ビューアの埋め込みも参照してください。

Web アプリケーションへの YouTube URL のリンクも参照してください。

レスポンシブサイトへの最適化された画像の配信も参照してください。

アセットのアップロード も参照してください。

アセットの URL の取得

画像プリセットまたはビューアプリセットによって生成された URL 文字列を取得できます。URL をコピーしたらクリップボードに配置されるので、必要に応じて Web サイトのページまたはアプリケーションに貼り付けることができます。

注意：

URL は、選択したアセットを公開するまではコピーできません。また、ビューアプリセットまたは画像プリセットを公開する必要もあります。

詳しくは、アセットの公開を参照してください。

ビューアプリセットの公開を参照してください。

画像プリセットの公開を参照してください。

URL 文字列を取得するには複数の方法があります。以下の手順では、使用できる方法の 1 つを紹介します。

アセットの URL を取得するには：

  1. 画像プリセット URL またはビューアプリセット URL をコピーする公開済みのアセットの場所に移動し、そのアセットをタップして開きます。

    URL をコピーするには、その前にアセットを公開しておく必要があります。また、ビューアプリセットまたは画像プリセットを公開する必要もあります。

    詳しくは、アセットの公開を参照してください。

    ビューアプリセットの公開を参照してください。

    画像プリセットの公開を参照してください。

  2. 選択したアセットに応じて、次のいずれかの操作をおこないます。

    • 画像を選択した場合は、ドロップダウンメニューで「レンディション」をタップまたはクリックします。

    「動的」ヘッダーの下にあるプリセット名をタップすると、右側のフレームにレンディションが表示されます。「動的」ヘッダーを表示するには、場合によってはレンディションリストをスクロールする必要があります。

    左側のレールの下部にある「URL」をタップします。

    chlimage_1
    • スピンセット、画像セット、カルーセルセットまたはビデオを選択した場合は、ドロップダウンメニューで「ビューア」をタップまたはクリックします。

    左側のレールで、ビューアプリセット名をタップまたはクリックします。セットまたはビデオのプレビューが別のページで開きます。

    左側のレールの下部にある「URL」をタップまたはクリックします。

    chlimage_1

  3. テキストを選択し、Web ブラウザーにコピーしてアセットをプレビューするか、Web コンテンツページに追加します。

    URL ウィンドウを閉じるには、「x」をクリックまたはタップするか、「閉じる」をクリックまたはタップします。

静的アセットの URL の取得

ダイナミックメディアは静的アセットの配信をサポートします。静的アセットとは、画像やビデオに留まらない追加アセットです。配信がサポートされる静的アセットの形式は以下のとおりです。

  • アニメーション GIF
  • オーディオファイル
  • CSS
  • JavaScript（お客様が独自ドメインで設定されている場合）
  • PDF
  • SVG
  • XML
  • ZIP

静的アセットの URL を取得するには：

  1. URL をコピーする公開済みの静的アセットの場所に移動し、アセットをタップして開きます。

    URL をコピーするには、その前に静的アセットを公開しておく必要があります。

    詳しくは、アセットの公開を参照してください。

  2. 以下のいずれかの方法で、公開済みの静的アセットの URL を取得します。

    • 公開済みの静的アセットの URL は以下のとおりです。
      • http://<server_name>/is/content/<company_name>/<static_asset_filename><extension>
        例えば http://aem.com/is/content/adobe/image.gif のようになります。
    • アセット／動的レンディションをクリックし、静的アセットの動的レンディションをクリックして URL をコピーします。
      コピーした URL を変更して、パスの is/image/ の代わりに is/content を使用します。

公開されたビデオレンディションのビデオ URL の取得

  1. AEM で、ツール／導入／クラウド／クラウドサービスに移動します。

  2. クラウドサービスページで、「ダイナミックメディアクラウドサービス」見出しまでスクロールダウンして、「設定を表示」をタップします。

  3. 「利用可能な設定」の下で、必要な設定をタップします。

  4. ダイナミックメディアクラウドの設定ページの「ビデオサービスの URL」の下で、URL パス全体をコピーします。コピーした URL パスは後の手順で必要になります。

    例えば、URL パスは、次のように表示されることがあります。

    http://s7athens.macromedia.com:9090/DMGateway/

    （このパスは説明のために便宜的に示しています。コピーする実際のパスではありません。）

  5. 「登録 ID」の下で、ID の最後の部分にある顧客名をコピーします。

    例えば、登録 ID が 87654321|MyCompany の場合、顧客名は MyCompany です。

  6. ページの左上隅付近で、「クラウドサービス」をタップまたはクリックしてから「AEM」アイコンをタップまたはクリックし、一般／CRXDE Lite に移動します。

  7. JCR（Java コンテンツリポジトリ）のビデオレンディションパス全体をコピーします。

    例えば、ビデオのレンディションパスは、次のように表示されることがあります。

    /_renditions_/0bd/0bd28743-a616-4fe6-92aa-6eae7c2112f/avs/Momentum_1080-0x720-2600k.mp4

    （このパスは説明のために便宜的に示しています。コピーする実際のパスではありません。）

  8. コピーした情報を次の順序に並べて、完全な URL パスを作成します。

    <Video_Service_URL>/public/<Customer_name_from_Registration_ID>/<Video_rendition_path>

    例えば、これまでの手順のサンプルのパスと顧客名を使用すると、完成したパスは

    http://s7athens.macromedia.com:9090/DMGateway/public/MyCompany/_renditions_/0bd/0bd28743-a616-4fe6-92aa-6eae7c2112ff/avs/Momentum_1080-0x720-2600k.mp4 となります。

    これは、公開されたビデオレンディションの完全なビデオ URL です。

アダプティブストリーミング（HLS）用のビデオ URL の取得

  1. AEM で、ツール／導入／クラウド／クラウドサービスに移動します。

  2. クラウドサービスページで、「ダイナミックメディアクラウドサービス」見出しまでスクロールダウンして、「設定を表示」をタップします。

  3. 「利用可能な設定」の下で、必要な設定をタップします。

  4. ダイナミックメディアクラウドサービスを設定ページで、以下の作業をおこないます。

    • 「ビデオサービスの URL」の下で、URL パス全体をコピーします。コピーした URL パスは後の手順で必要になります。例えば、URL パスは、次のように表示されることがあります。

    https://gateway-na.assetsadobe.com/DMGateway/

    （このパスは説明のために便宜的に示しています。コピーする実際のパスではありません。）

    • 「登録 ID」の下で、ID の最後の部分にある顧客名をコピーします。コピーした顧客名は後の手順で必要になります。
      例えば、登録 ID が 87654321|demoCo の場合、顧客名は demoCo です。

  5. 使用しているビデオ配信プロトコルに基づいて、それぞれのプロトコルセレクターをコピーします。コピーしたプロトコルセレクターは後の手順で必要になります。

    使用しているビデオ配信プロトコル 使用するプロトコルセレクター

    HTTP

    HTTP（非セキュアなビデオ配信）を使用している場合、前の手順でコピーしたビデオサービスの URL の値で https を http に変更してください。

    		 public/
    HTTPS public-ssl/

  6. ダイナミックメディアで処理される AEM のビデオアセットのフルパスをコピーします。コピーしたビデオアセットのパスは後の手順で必要になります。

    次に例を示します。

    /content/dam/marketing/MyVideo.mp4

  7. これまでの手順でコピーしたすべての要素を以下の順に組み合わせて、文字列を作成します。

    <video service URL><protocol selector><customer name><video asset path>

    例えば、これまでの手順の例からコピーした情報を使用すると、以下のような文字列になります。

    https://gateway-na.assetsadobe.com/DMGateway/public-ssl/demoCo/content/dam/marketing/MyVideo.mp4

  8. 文字列の最後に .m3u8 を付けて URL を完成させます。例えば、前の手順の文字列に .m3u8 を付けると、完全な URL パスは以下のようになります。

    https://gateway-na.assetsadobe.com/DMGateway/public-ssl/demoCo/content/dam/marketing/MyVideo.mp4.m3u8

     

HTTP/2 を使用したダイナミックメディアアセットの配信

HTTP/2 は、新しい改良された Web プロトコルであり、Web ブラウザーとサーバーの通信が改善されます。このプロトコルでは、情報伝送がより速くなり、必要な処理パワーが低減されます。ダイナミックメディアアセットの配信は現在、HTTP/2 上でおこなうことができ、応答時間と読み込み時間を短縮できます。

ダイナミックメディアアカウントでの HTTP/2 の使用方法について詳しくは、コンテンツの HTTP2 配信を参照してください。