웹 응용 프로그램에 URL 연결

웹 사이트와 애플리케이션은 URL 호출을 통해 Dynamic Media 서비스에 액세스합니다. 자산을 게시하면 Dynamic Media은 자산을 참조하는 URL 문자열을 활성화합니다. 테스트를 위해 이러한 URL을 웹 브라우저에 붙여넣을 수 있습니다.

AEM을 WCM으로 사용하는 이 아닌​인 경우에만 URL에 연결합니다. 연결 대 포함-은 비디오 플레이어를 팝업 또는 모달 창으로 제공하려는 경우에 사용됩니다. AEM을 WCM으로 사용하는 경우 페이지에서 직접 자산을 추가합니다.

웹 페이지 및 응용 프로그램에 이러한 URL 문자열을 배치하려면 Dynamic Media에서 복사합니다.

노트

URL 문자열은 자산의 동적 변환에만 사용할 수 있습니다. 현재 다이내믹 미디어 서버가 아니라 DAM에 있는 정적 자산에는 사용할 수 없습니다. 정적인 변환에는 URL 단추가 표시되지 않습니다.

웹 페이지에 비디오 또는 이미지 뷰어 포함을 참조하십시오.](embed-code.md)[

웹 응용 프로그램에 YouTube URL 연결을 참조하십시오.

응답형 사이트에 대해 최적화된 이미지 배달을 참조하십시오.](responsive-site.md)[

자산 업로드를 참조하십시오.

자산URL 얻기

이미지 사전 설정 또는 뷰어 사전 설정으로 생성된 URL 문자열을 얻을 수 있습니다. URL을 복사한 후 클립보드에 넣어 필요에 따라 웹 사이트 또는 응용 프로그램의 페이지에 붙여넣을 수 있습니다.

노트

선택한 자산을 게시해야만 URL을 복사할 수 있습니다. 또한 뷰어 사전 설정 또는 이미지 사전 설정도 게시해야 합니다.

자산 게시를 참조하십시오.

게시 뷰어 사전 설정을 참조하십시오.

이미지 사전 설정 게시를 참조하십시오.

URL 문자열을 얻는 방법에는 여러 가지가 있습니다. 그러나 아래 단계에서는 사용할 수 있는 한 가지 방법을 보여 줍니다.

자산에 대한 URL을 얻으려면 다음을 수행합니다.

  1. 복사하려는 이미지 사전 설정 URL 또는 뷰어 사전 설정 URL의 게시된 자산으로 이동한 다음 자산을 눌러 엽니다.

    URL은 after 다음에 게시된​만 복사할 수 있습니다. 또한 뷰어 사전 설정 또는 이미지 사전 설정도 게시해야 합니다.

    자산 게시를 참조하십시오.

    게시 뷰어 사전 설정을 참조하십시오.

    이미지 사전 설정 게시를 참조하십시오.

  2. 선택한 자산에 따라 다음 중 하나를 수행합니다.

    • 이미지를 선택한 경우 드롭다운 메뉴에서 표현물​을 누릅니다.

      동적 머리글 아래에서 사전 설정 이름을 탭하여 오른쪽 프레임에서 해당 변환을 봅니다. 동적 제목을 보려면 표현물 목록을 스크롤해야 할 수도 있습니다.

      왼쪽 레일 하단에서 URL​을 탭합니다.

      chlimage_1-270

    • 스핀 세트, 이미지 세트, 회전판 세트 또는 비디오를 선택한 경우 드롭다운 메뉴에서 뷰어​를 누릅니다.

      왼쪽 레일에서 뷰어 사전 설정 이름을 누릅니다. 세트 또는 비디오의 미리 보기가 별도의 페이지에 열립니다.

      왼쪽 레일의 하단에서 URL​을 탭합니다.

      chlimage_1-271

  3. 웹 브라우저에 텍스트를 선택하여 복사하여 자산을 미리 보거나 웹 컨텐츠 페이지에 추가합니다.

    URL 창을 종료하려면 X​을 탭하거나 닫기​를 탭합니다.

정적 자산에 대한 URL 얻기

Dynamic Media은 이미지 및 비디오를 넘어 추가 자산인 정적 에셋 전달을 지원합니다. 배달할 수 있도록 지원되는 정적 자산 형식은 다음과 같습니다.

  • 애니메이션 GIF
  • 오디오 파일
  • CSS
  • JavaScript(회사가 자체 도메인으로 구성된 경우)
  • PDF
  • SVG
  • XML
  • ZIP

정적 자산에 대한 URL을 가져오려면:

  1. 복사할 URL이 있는 *게시된 정적 자산으로 이동하고 자산을 눌러 엽니다.

    URL은 after​을(를) 복사할 때만 사용할 수 있습니다. 먼저 게시된​이(가) 있습니다.

    자산 게시를 참조하십시오.

  2. 게시된 정적 자산의 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 얻기

  1. AEM에서 도구 > 배포 > 클라우드 > Cloud Services​로 이동합니다.

  2. Cloud Services 페이지에서 Dynamic Media Cloud Services 제목으로 스크롤 다운한 다음 구성 표시​를 누릅니다.

  3. 사용 가능한 구성​에서 원하는 구성 이름을 누릅니다.

  4. Dynamic Media 클라우드 설정 페이지의 비디오 서비스 URL​에서 전체 URL 경로를 복사합니다. 나중에 단계에서 복사한 URL 경로가 필요합니다.

    예를 들어 URL 경로는 다음과 유사하게 나타날 수 있습니다.

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

    (위 경로는 그림 용도로만 사용됩니다.복사하는 실제 경로가 아닙니다.)

  5. 등록 ID​에서 ID의 마지막 부분에 있는 고객 이름을 복사합니다.

    예를 들어 등록 ID가 87654321|MyCompany이면 고객 이름은 MyCompany입니다.

  6. 페이지의 왼쪽 위 모서리 근처에 있는 Cloud Services​을 탭한 다음 AEM 아이콘을 탭하고 일반 > CRXDE Lite​로 이동합니다.

  7. JCR(Java Content Repository)에서 전체 비디오 변환 경로를 복사합니다.

    예를 들어 비디오의 변환 경로는 다음과 유사하게 나타날 수 있습니다.

    /_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>

    예를 들어 위의 단계에서 예제 경로와 예제 고객 이름을 사용하여 전체 경로가 다음과 같이 표시됩니다.

    https://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에서 도구 > 배포 > 클라우드 > Cloud Services​로 이동합니다.

  2. Cloud Services 페이지에서 Dynamic Media Cloud Services 제목으로 스크롤 다운한 다음 구성 표시​를 누릅니다.

  3. 사용 가능한 구성​에서 원하는 구성 이름을 누릅니다.

  4. Dynamic Media Cloud Services 설정 페이지에서 다음을 수행합니다.

    • 비디오 서비스 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. Dynamic Media에서 처리하는 대로 AEM의 전체 비디오 자산 경로를 복사합니다. 이 복사한 비디오 자산 경로는 다음 단계에서 나중에 필요합니다.

    예:

    /content/dam/marketing/MyVideo.mp4

  7. 이전에 복사한 모든 조각을 결합하여 다음 순서로 문자열을 생성합니다.

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

    예를 들어, 이러한 단계의 예에서 복사한 정보를 사용하면 다음과 같이 문자열이 표시됩니다.

    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를 사용하여 Dynamic Media 에셋제공

HTTP/2는 브라우저와 서버의 통신 방식을 향상시키는 업데이트된 새로운 웹 프로토콜입니다. 정보를 빠르게 전송할 수 있고 필요한 처리 능력을 줄일 수 있습니다. 이제 Dynamic Media 에셋 배달을 HTTP/2를 통해 더 나은 응답 및 로드 시간을 제공할 수 있습니다.

Dynamic Media 계정으로 HTTP/2를 사용하는 시작에 대한 자세한 내용은 HTTP2 콘텐츠 제공을 참조하십시오.

이 페이지에서는