Web アプリケーションへの URL のリンク linking-urls-to-your-web-application
Web サイトやアプリケーションは、URL コールによって Dynamic Media のサービスにアクセスします。アセットを公開すると、Dynamic Media はそのアセットを参照する URL 文字列をアクティベートします。これらの URL を web ブラウザーに貼り付けてテストできます。
AEM を WCM として使用 していない 場合に限り、URL へのリンクを使用します。ビデオプレーヤーをポップアップウィンドウまたはモーダルウィンドウとして配信する場合には、(埋め込みではなく)リンク機能を使用します。AEM を WCM として使用している場合は、ページに直接アセットを追加します。
Web ページやアプリケーションにこれらの URL 文字列を配置するには、Dynamic Media からコピーします。
関連トピック Web ページへのビデオビューアまたは画像ビューアの埋め込み。
関連トピック YouTube URL と Web アプリケーションのリンク
関連トピック レスポンシブサイト用に最適化された画像の配信。
アセットのアップロードも参照してください。
アセットの URL の取得 obtaining-a-url-for-an-asset
画像プリセットまたはビューアープリセットによって生成された URL 文字列を取得できます。URL をコピーするとクリップボードに配置されるので、必要に応じて、web サイトやアプリケーションのページに貼り付けることができます。
URL 文字列を取得する方法はいくつかあります。ただし、次の手順では、使用できる方法を 1 つだけ示します。
アセットの URL を取得するには:
-
画像プリセット URL またはビューアプリセット URL をコピーする 公開済み のアセットの場所に移動し、そのアセットをタップして開きます。
URL をコピーするには、その 前に アセットを 公開 しておく必要があります。また、ビューアプリセットまたは画像プリセットを公開する必要もあります。
アセットの公開を参照してください。
ビューアプリセットの公開を参照してください。
画像プリセットの公開を参照してください。
-
選択したアセットに応じて、次のいずれかの操作を行います。
-
画像を選択した場合は、ドロップダウンメニューで「レンディション」をタップします。
「動的」ヘッダーの下にあるプリセット名をタップすると、右側のフレームにレンディションが表示されます。「動的」ヘッダーを表示するには、場合によってはレンディションリストをスクロールする必要があります。
左側のレールの下部にある「URL」をタップします。
-
スピンセット、画像セット、カルーセルセットまたはビデオを選択した場合は、ドロップダウンメニューで「ビューア」をタップします。
左側のレールで、ビューアプリセット名をタップします。セットまたはビデオのプレビューが別のページで開きます。
左側のレールの下部にある「URL」をタップします。
-
-
テキストを選択し、Web ブラウザーにコピーしてアセットをプレビューするか、Web コンテンツページに追加します。
URL ウィンドウを閉じるには、「X」をタップするか、「閉じる」をタップします。
静的アセットの URL の取得 obtaining-a-url-for-a-static-asset
Dynamic Media では静的アセットの配信をサポートしています。静的アセットとは、画像やビデオに留まらないその他のアセットです。配信がサポートされる静的アセットの形式は以下のとおりです。
- アニメーション GIF
- オーディオファイル
- CSS
- JavaScript(会社が独自ドメインで設定されている場合)
- SVG
- XML
- ZIP
静的アセットの URL を取得するには:
-
URL をコピーする「公開済み」の静的アセットの場所に移動し、アセットをタップして開きます。
URL をコピーするには、その前に静的アセットを公開しておく必要があります。
アセットの公開を参照してください。
-
以下のいずれかの方法で、公開済みの静的アセットの URL を取得します。
-
The URL of the published static is the following:
-
https://*<server_name>*/is/content/*<company_name>*/*<static_asset_filename>*.*<extension>*
例:
https://aem.com/is/content/adobe/image.gif
-
-
アセット/動的レンディション をクリックし、静的アセットの動的レンディションをタップして URL をコピーします。
コピーした URL を変更して、
is/image/
の代わりにパスのis/content
を使用します。
-
公開されたビデオレンディションのビデオ URL の取得 obtaining-a-video-url-for-a-published-video-rendition
-
AEM で、ツール/デプロイメント/クラウド/Cloud Services に移動します。
-
Cloud Services ページで、「Dynamic Media Cloud Services」見出しまでスクロールダウンして、「設定を表示」をタップします。
-
「利用可能な設定」の下で、必要な設定をタップします。
-
Dynamic Media クラウドの設定 ページの「ビデオサービスの URL」の下で、URL パス全体をコピーします。コピーした URL パスは後の手順で必要になります。
例えば、URL パスは、次のように表示されることがあります。
https://s7athens.macromedia.com:9090/DMGateway/
(このパスは説明のために便宜的に示しています。コピーする実際のパスではありません。)
-
「登録 ID」の下で、ID の最後の部分にある顧客名をコピーします。
例えば、登録 ID が
87654321|MyCompany
の場合、顧客名はMyCompany
です。 -
ページの左上隅付近にあるをタップします。 Cloud Services、AEMアイコンをタップし、に移動します。 一般/CRXDE Lite.
-
JCR(Java コンテンツリポジトリー)のビデオレンディションパス全体をコピーします。
例えば、ビデオのレンディションパスは、次のように表示されることがあります。
/_renditions_/0bd/0bd28743-a616-4fe6-92aa-6eae7c2112f/avs/Momentum_1080-0x720-2600k.mp4
(このパスは説明のために便宜的に示しています。コピーする実際のパスではありません。)
-
コピーした情報を次の順序で並べて、完全な URL パスを作成します。
<Video_Service_URL>/public/<Customer_name_from_Registration_ID>/<Video_rendition_path>
例えば、これまでの手順のサンプルのパスと顧客名を使用すると、完成したパスは次のようになります。
https://s7athens.macromedia.com:9090/DMGateway/public/MyCompany/_renditions_/0bd/0bd28743-a616-4fe6-92aa-6eae7c2112ff/avs/Momentum_1080-0x720-2600k.mp4
これは、公開されたビデオレンディションの完全なビデオ URL です。
アダプティブストリーミング(HLS)用のビデオ URL の取得 obtaining-a-video-url-for-adaptive-streaming-hls
-
AEM で、ツール/デプロイメント/クラウド/Cloud Services に移動します。
-
Cloud Services ページで、「Dynamic Media Cloud Services」見出しまでスクロールダウンして、「設定を表示」をタップします。
-
「利用可能な設定」の下で、必要な設定をタップします。
-
Dynamic Media Cloud Services を設定 ページで、以下の作業を行います。
- 「ビデオサービスの URL」の下で、URL パス全体をコピーします。コピーした URL パスは後の手順で必要になります。 例えば、URL パスは、次のように表示されることがあります。
https://gateway-na.assetsadobe.com/DMGateway/
(このパスは説明のために便宜的に示しています。コピーする実際のパスではありません。)
-
「登録 ID」の下で、ID の最後の部分にある顧客名をコピーします。コピーした顧客名は後の手順で必要になります。
例えば、登録 ID が
87654321|demoCo
の場合、コピーする顧客名はdemoCo
です。
-
使用しているビデオ配信プロトコルに基づいて、それぞれのプロトコルセレクターをコピーします。コピーしたプロトコルセレクターは、後の手順で必要になります。
table 0-row-2 1-row-2 2-row-2 使用しているビデオ配信プロトコル 使用するプロトコルセレクター HTTP
HTTP(セキュアでないビデオ配信)を使用している場合は、前にコピーしたビデオサービス URL 値の https を http に変更してください。public/
HTTPS public-ssl/
-
Dynamic Media で処理される AEM のビデオアセットのフルパスをコピーします。このコピーしたビデオアセットのパスは、後の手順で必要になります。
次に例を示します。
/content/dam/marketing/MyVideo.mp4
-
これまでの手順でコピーしたすべての要素を以下の順に組み合わせて、文字列を作成します。
<
video service URL
><protocol selector
><customer name
><video asset path
>例えば、これまでの手順の例からコピーした情報を使用すると、以下のような文字列になります。
https://gateway-na.assetsadobe.com/DMGateway/public-ssl/demoCo/content/dam/marketing/MyVideo.mp4
-
文字列の最後に
.m3u8
を付けて URL を完成させます。例えば、前の手順の文字列に.m3u8
を付けると、完全な URL パスは以下のようになります。https://gateway-na.assetsadobe.com/DMGateway/public-ssl/demoCo/content/dam/marketing/MyVideo.mp4.m3u8
HTTP/2 を使用した Dynamic Media アセットの配信 using-http-to-deliver-your-dynamic-media-assets
HTTP/2 は、ブラウザーとサーバーの通信方法を改善する、新しく更新された web プロトコルです。情報の転送を高速化し、必要な処理能力を削減します。Dynamic Media アセットの配信は HTTP/2 を使用して行うことができ、応答時間と読み込み時間を短縮できます。
Dynamic Media アカウントでの HTTP/2 の使用方法について詳しくは、コンテンツの HTTP/2 配信を参照してください。