Show Menu
화제×

Adding Dynamic Media assets to pages

To add the Dynamic Media functionality to assets you use on your websites, you can add the Dynamic Media or Interactive Media component directly on the page. You do this by entering Design mode and enabling the dynamic media components. 그런 다음이 구성 요소를 페이지에 추가하고 자산을 구성 요소에 추가할 수 있습니다. 다이내믹 미디어 및 대화형 미디어 구성 요소는 편리하게도 이미지를 추가할지 아니면 비디오를 추가할지를 판단하고 그에 따라 사용 가능한 선택 사항도 달라집니다.
AEM 파섹
이미지 맵은 회전 배너에 즉시 사용할 수 있습니다.

Adding a Dynamic Media component to a page

Adding the Dynamic Media or Interactive Media component to a page is the same as adding a component to any page. The Dynamic Media and Interactive Media components are described in detail in the following sections.
페이지에 Dynamic Media 구성 요소/뷰어를 추가하려면 다음을 수행하십시오.
  1. AEM에서 Dynamic Media 구성 요소를 추가할 페이지를 엽니다.
  2. If no Dynamic Media component is available, click the ruler in the Sidekick to enter Design mode, click Edit parsys, and select Dynamic Media to make the Dynamic Media components available.
    자세한 내용은 디자인 모드에서 구성 요소 구성 을 참조하십시오.
  3. Return to Edit mode by clicking the pencil icon in the Sidekick.
  4. Drag the Dynamic Media or Interactive Media component from the Other group in the sidekick onto the page in the desired location.
  5. 편집 ​을 클릭하여 구성 요소를 엽니다.
  6. Dynamic Media 구성 요소 필요에 따라 구성 요소를 편집하고 확인 ​을 클릭하여 변경 내용을 저장합니다.

Dynamic Media 구성 요소

다이내믹 미디어 및 인터랙티브 미디어는 다이내믹 미디어 아래의 사이드 킥에서 사용할 수 있습니다 . 대화형 비디오, 대화형 이미지 또는 회전 메뉴 세트와 같은 대화형 자산에 대화형 미디어 구성 요소를 사용합니다. 기타 모든 다이내믹 미디어 구성 요소의 경우에는 Dynamic Media 구성 요소를 사용하십시오.
이러한 구성 요소는 기본적으로 사용할 수 없으며 사용하기 전에 디자인 모드에서 선택해야 합니다. 디자인 모드에서 사용 가능하게 되면 다른 AEM 구성 요소처럼 페이지에 구성 요소를 추가할 수 있습니다.

Dynamic Media 구성 요소

Dynamic Media 구성 요소는 스마트합니다. 이미지를 추가할지 아니면 비디오를 추가하는지에 따라 다양한 옵션이 제공됩니다. 이 구성 요소는 이미지 사전 설정, 이미지 세트와 같은 이미지 기반 뷰어, 스핀 세트, 혼합 미디어 집합 및 비디오를 지원합니다. 또한 뷰어는 반응형입니다. 화면 크기가 화면 크기에 따라 자동으로 조정됩니다. 모든 뷰어는 HTML5 기반 뷰어입니다.
When you add the Dynamic Media component, and Dynamic Media Settings is blank or you cannot add an asset properly, check the following:
  • Dynamic Media를 활성화 했습니다. Dynamic Media는 기본적으로 비활성화됩니다.
  • 이미지에 피라미드형 tiff 파일이 있습니다. 다이내믹 미디어를 활성화하기 전에 가져온 이미지에는 피라미드형 tiff 파일이 없습니다.

이미지 작업 시

The Dynamic Media component lets you add dynamic images, including image sets, spin sets, and mixed media sets. 확대하거나 축소할 수 있고, 해당하는 경우 스핀 세트 내의 이미지를 회전하거나 다른 유형의 세트에서 이미지를 선택할 수 있습니다.
구성 요소에서 바로 뷰어 사전 설정, 이미지 사전 설정 또는 이미지 형식을 구성할 수도 있습니다. 이미지가 응답하도록 하기 위해 중단점을 설정하거나 응답형 이미지 사전 설정을 적용할 수 있습니다.
You can edit the following Dynamic Media settings by clicking Edit in the component and then clicking the Dynamic Media Settings tab.
기본적으로 Dynamic Media 이미지 구성 요소는 적응형입니다. If you want to make it a fixed size, set it in the component in the Advanced tab with the Width and Height properties.
뷰어 사전 설정 - 드롭다운 메뉴에서 기존 뷰어 사전 설정을 선택합니다. 보려는 뷰어 사전 설정이 표시되지 않을 경우 표시되도록 설정해야 할 수 있습니다. 뷰어 사전 설정 관리 를 참조하십시오. 이미지 사전 설정을 사용 중일 때는 뷰어 사전 설정을 선택할 수 없고 그 반대의 경우도 마찬가지입니다.
이미지 세트, 스핀 세트 또는 혼합 미디어 집합을 보는 경우 사용할 수 있는 유일한 선택 사항입니다. 표시되는 뷰어 사전 설정도 스마트합니다. 관련 뷰어 사전 설정만 표시됩니다.
이미지 사전 설정 - 드롭다운 메뉴에서 기존 이미지 사전 설정을 선택합니다. 보려는 이미지 사전 설정이 표시되지 않을 경우 표시되도록 설정해야 할 수 있습니다. 이미지 사전 설정 관리 를 참조하십시오. 이미지 사전 설정을 사용 중일 때는 뷰어 사전 설정을 선택할 수 없고 그 반대의 경우도 마찬가지입니다.
이미지 세트, 스핀 세트 또는 혼합 미디어 집합을 보는 경우에는 이 선택 사항을 사용할 수 없습니다.
이미지 수정자 - 추가 이미지 명령을 제공하여 이미지 효과를 변경할 수 있습니다. These are described in Managing Image Presets and the Command reference .
이미지 세트, 스핀 세트 또는 혼합 미디어 집합을 보는 경우에는 이 선택 사항을 사용할 수 없습니다.
중단점 - 응답형 사이트에서 이 자산을 사용하는 경우 페이지 중단점을 추가해야 합니다. 이미지 중단점은 쉼표(,)로 구분해야 합니다. 이 선택 사항은 이미지 사전 설정에 정의된 높이나 폭이 없는 경우에 작동합니다.
이미지 세트, 스핀 세트 또는 혼합 미디어 집합을 보는 경우에는 이 선택 사항을 사용할 수 없습니다.
You can edit the following Advanced Settings by clicking Edit in the component.
제목 - 이미지의 제목을 변경합니다.
대체 텍스트 - 그래픽을 해제한 사용자를 위해 이미지에 제목을 추가합니다.
이미지 세트, 스핀 세트 또는 혼합 미디어 집합을 보는 경우에는 이 선택 사항을 사용할 수 없습니다.
URL, 열기 위치 - 자산을 설정하여 링크를 열 수 있습니다. Set the URL and Open in to indicate whether you want it to open in the same window or a new window.
이미지 세트, 스핀 세트 또는 혼합 미디어 집합을 보는 경우에는 이 선택 사항을 사용할 수 없습니다.
폭 및 높이 - 이미지를 고정 크기로 설정하려면 값을 픽셀 단위로 입력합니다. 이 값을 공백으로 두면 자산이 적응형으로 설정됩니다.

When working with video

Use the Dynamic Media component to add dynamic video to your web pages. 구성 요소를 편집할 때 페이지에서 비디오를 재생하기 위해 사전 설정된 비디오 뷰어 사전 설정을 사용하도록 선택할 수 있습니다.
You can edit the following Dynamic Media Settings by clicking Edit in the component.
기본적으로 Dynamic Media 비디오 구성 요소는 적응형입니다. If you want to make it a fixed size, set it in the component with the Width and Height in the Advanced tab.
뷰어 사전 설정 - 드롭다운 메뉴에서 기존 비디오 뷰어 사전 설정을 선택합니다. 보려는 뷰어 사전 설정이 표시되지 않을 경우 표시되도록 설정해야 할 수 있습니다. 뷰어 사전 설정 관리 를 참조하십시오.
You can edit the following Advanced settings by clicking Edit in the component.
제목 - 비디오 제목을 변경합니다.
폭 및 높이 - 비디오의 크기를 고정하려면 값을 픽셀 단위로 입력합니다. 이 값을 공백으로 두면 적응형으로 설정됩니다.

보안 비디오 제공 방법

AEM 6.2에서 FP-13480 을 설치하면 비디오가 보안 SSL 연결(HTTPS)을 통해 제공되는지 아니면 비보안 연결(HTTP)을 통해 제공되는지를 제어할 수 있습니다. 기본적으로, 비디오 제공 프로토콜은 포함 웹 페이지의 프로토콜에서 자동으로 상속됩니다. 웹 페이지가 HTTPS를 통해 로드되는 경우 비디오도 HTTPS를 통해 제공됩니다. 또한 반대로, 웹 페이지가 HTTP에 있는 경우에는 비디오가 HTTP를 통해 제공됩니다. 대부분의 경우 이러한 기본 동작은 정상적이며 구성을 변경할 필요가 없습니다. 그러나 비디오 제공 URL 경로의 끝이나 포함 코드 조각에 있는 다른 뷰어 구성 매개 변수 목록에 VideoPlayer.ssl=on 을 추가하여 이 기본 동작을 무시함으로써 보안 비디오 제공을 강제 적용할 수 있습니다.
보안 비디오 제공과 URL 경로에 있는 VideoPlayer.ssl 구성 속성에 대한 자세한 내용은 뷰어 참조 가이드의 보안 비디오 제공 을 참조하십시오. 비디오 뷰어 외에도 혼합 미디어 뷰어와 대화형 비디오 뷰어에서 보안 비디오 제공을 사용할 수 있습니다.

대화형 미디어 구성 요소

대화형 미디어 구성 요소는 핫스팟이나 이미지 맵과 같은 상호 작용이 있는 자산을 위한 것입니다. 대화형 이미지, 대화형 비디오 또는 회전 배너가 있는 경우 대화형 미디어 구성 요소를 사용하십시오.
The Interactive Media component is smart – depending on whether you add an image or a video, you have various options. 또한 뷰어는 반응형입니다. 화면 크기가 화면 크기에 따라 자동으로 조정됩니다. 모든 뷰어는 HTML5 기반 뷰어입니다.
구성 요소에서 편집 ​을 클릭하여 다음 일반 설정을 편집할 수 있습니다.
뷰어 사전 설정 - 드롭다운 메뉴에서 기존 뷰어 사전 설정을 선택합니다. 보려는 뷰어 사전 설정이 표시되지 않을 경우 표시되도록 설정해야 할 수 있습니다. 뷰어 사전 설정을 사용하려면 먼저 게시해야 합니다. 뷰어 사전 설정 관리를 참조하십시오.
제목 - 비디오 제목을 변경합니다.
폭 및 높이 - 비디오의 크기를 고정하려면 값을 픽셀 단위로 입력합니다. 이 값을 공백으로 두면 적응형으로 설정됩니다.
You can edit the following [Add To Cart settings by clicking Edit in the component.
제품 자산 표시 - 기본적으로 이 값이 선택됩니다. 제품 자산은 상거래 모듈에 정의된 제품의 이미지를 보여줍니다. 제품 자산을 표시하지 않도록 하려면 확인 표시를 지우십시오.
제품 가격 표시 - 기본적으로 이 값이 선택됩니다. 제품 가격은 상거래 모듈에 정의된 항목 가격을 보여줍니다. 제품 가격을 표시하지 않도록 하려면 확인 표시를 지우십시오.
제품 양식 표시 - 기본적으로 이 값은 선택되어 있지 않습니다. 제품 양식에는 크기 및 색상과 같은 모든 제품 변형이 포함됩니다. 제품 변형을 표시하지 않도록 하려면 확인 표시를 지우십시오.