Link URLs to your web application linking-urls-to-your-web-application

Your websites and applications access Dynamic Media services by way of URL calls. After you publish an asset, Dynamic Media activates a URL string that references the asset. You can paste these URLs into a web browser for testing.

You link to URLs only if you are not using Adobe Experience Manager as your WCM. Linking – versus embedding – is used when you want to deliver a video player as a pop-up or modal window. If you are using Experience Manager as your WCM, you add the assets directly on your page.

To place these URL strings in your web pages and applications, copy them from Dynamic Media.

NOTE
URL strings are only available for dynamic renditions of assets. They are currently not available for static assets that reside in DAM and not the Dynamic Media server. The URL button does not appear for renditions that are static.

See also Embed the video or image viewer on a web page.

See also Link YouTube URLs to your web application.

See also Deliver optimized images for a responsive site.

See also Upload Assets.

Obtain a URL for an asset obtaining-a-url-for-an-asset

You can obtain a URL string that is generated by an Image Preset or a Viewer Preset. After you copy the URL, it lands on the Clipboard so you can paste it as necessary to pages in your website or application.

NOTE
The URL is not available to copy until you have published the selected asset. In addition, you must also publish the viewer preset or image preset.
See Publish Assets.
See Publish Viewer Presets.
See Publish Image Presets.

There are several different ways you can obtain a URL string. However, the steps below show you just one method you can use.

To obtain a URL for an asset:

  1. Navigate to the published asset whose image preset URL or viewer preset URL you want to copy, and select the asset to open it.

    Remember that URLs are only available to copy after you have first published the assets. In addition, the viewer preset or image preset must also be published.

    See Publish Assets.

    See Publish Viewer Presets.

    See Publish Image Presets.

  2. Based on the asset that you selected, do one of the following:

    • If you selected an image, in the drop-down menu, select Renditions.

      Under the Dynamic heading, select a preset name to view its rendition in the right frame. If necessary, scroll the Renditions list to see the Dynamic heading.

      At the bottom of the left rail, select URL.

      chlimage_1-270

    • If you selected a spin set, an image set, a carousel set, or a video, in the drop-down menu, select Viewers.

      In the left rail, select a viewer preset name. A preview of the set or video is opened in a separate page.

      In the left rail, at the bottom, select URL.

      chlimage_1-271

  3. To preview the asset or to add to your web content page, select and copy the text to your web browser.

    To exit the URL window, select the X or select Close.

Obtain a URL for a static asset obtaining-a-url-for-a-static-asset

Dynamic Media supports the delivery of static assets, which are other assets beyond just images and video. Supported static assets formats for delivery include the following:

  • 3D files
  • Animated GIF
  • Audio files
  • CSS
  • JavaScript (when your company is configured with its own domain)
  • PDF
  • SVG
  • XML
  • ZIP

To obtain a URL for a static asset:

  1. Navigate to the published static asset whose URL you want to copy, and select the asset to open it.

    Remember that URLs are only available to copy after you have first published the static asset.

    See Publishing Assets.

  2. Use any of the following methods to obtain the URL of the published static asset:

    • The URL of the published static is the following:

      • https://*<server_name>*/is/content/*<company_name>*/*<static_asset_filename>*.*<extension>*

        For example, https://aem.com/is/content/adobe/image.gif.

    • Select Asset > Dynamic Renditions, then select a dynamic rendition of the static asset and copy the URL.

      Change the copied URL to use is/content in the path instead of is/image/.

Obtain a video URL for a published video rendition obtaining-a-video-url-for-a-published-video-rendition

  1. In Experience Manager, navigate to Tools > Deployment > Cloud > Cloud Services.

  2. On the Cloud Services page, scroll down to the Dynamic Media Cloud Services heading, then select Show Configurations.

  3. Under Available Configurations, select the name of the configuration you want.

  4. On the Dynamic Media Cloud Settings page, under Video Service URL, copy down the entire URL path. You need the copied URL path later in the steps.

    For example, the URL path could appear similar to the following:

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

    (The path above is for explanation purposes only; it is not the actual path you copy.)

  5. Under Registration ID, copy the customer name found in the last part of the ID.

    For example, if the registration ID was 87654321|MyCompany, the customer name would be MyCompany.

  6. Near the upper-left corner of the page, select Cloud Services, then select the Experience Manager icon and navigate to General > CRXDE Lite.

  7. Copy down the entire video rendition path from the JCR (Java™ Content Repository).

    For example, the video’s rendition path could appear similar to the following:

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

    (The path above is for explanation purposes only; it is not the actual path you copy.)

  8. To form a complete URL path, arrange the copied information in the following order:

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

    For example, using the example paths and the example customer name from the steps above, the complete path appears as follows:

    https://s7athens.macromedia.com:9090/DMGateway/public/MyCompany/_renditions_/0bd/0bd28743-a616-4fe6-92aa-6eae7c2112ff/avs/Momentum_1080-0x720-2600k.mp4

    This path is the complete video URL for a published video rendition.

Obtain a video URL for adaptive bitrate streaming (HLS) obtaining-a-video-url-for-adaptive-streaming-hls

  1. In Experience Manager, navigate to Tools > Deployment > Cloud > Cloud Services.

  2. On the Cloud Services page, scroll down to the Dynamic Media Cloud Services heading, then select Show Configurations.

  3. Under Available Configurations, select the name of the configuration you want.

  4. On the Dynamic Media Cloud Services Settings page, do the following:

    • Under Video Service URL, copy the entire URL path. You need the copied URL path later in these steps. For example, the URL path could appear similar to the following:

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

    (The path above is for explanation purposes only; it is not the actual path you copy.)

    • Under Registration ID, copy the customer name found in the last part of the ID. You need the copied customer name later in these steps.

      For example, if the registration ID was 87654321|demoCo, the customer name you copy would be demoCo.

  5. Based on the video delivery protocol you are using, copy the respective protocol selector. You need the copied protocol selector later in these steps.

    table 0-row-2 1-row-2 2-row-2 html-authored no-header
    Video delivery protocol you are using Protocol selector to use

    HTTP

    If you are using HTTP (non-secure video delivery), be sure you change https to http in the Video Service URL value you copied earlier.

    public/
    HTTPS public-ssl/
  6. Copy the full video asset path in Experience Manager, as processed by Dynamic Media. You need this copied video asset path later in these steps.

    For example:

    /content/dam/marketing/MyVideo.mp4

  7. Combine all the pieces you copied previously to create a string in the following order:

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

    For example, using the copied information from the examples in these steps, the string would appear as follows:

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

  8. Complete the URL by appending .m3u8 to the end of the string. For example, appending .m3u8 to the string from the previous step, the complete URL path would appear as follows:

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

Use HTTP/2 to deliver your Dynamic Media assets using-http-to-deliver-your-dynamic-media-assets

HTTP/2 is the new, updated web protocol that improves the way browsers and servers communicate. It provides faster transfer of information and reduces the amount of processing power that is needed. Delivery of Dynamic Media assets can now be over HTTP/2 which provides better response and load times.

See HTTP2 Delivery of Content for complete details on getting started using HTTP/2 with your Dynamic Media account.

recommendation-more-help
fbcff2a9-b6fe-4574-b04a-21e75df764ab