설명서AEM 6.5사용 안내서

페이지에 Dynamic Media 자산 추가 adding-dynamic-media-assets-to-pages

Last update: Wed Mar 20 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

웹 사이트에서 사용하는 자산에 Dynamic Media 기능을 추가하기 위해 Dynamic Media 또는 대화형 미디어 구성 요소를 페이지에 바로 추가할 수 있습니다. 입력 디자인 Dynamic Media 구성 요소를 사용 및 설정합니다. Then you can add these components to the page and add assets to the component. Dynamic Media 및 대화형 미디어 구성 요소는 편리하게도 이미지를 추가하는지 아니면 비디오를 추가하는지 여부와 사용 가능한 옵션이 그에 따라 변경됩니다.

Adobe Experience Manager을 WCM으로 사용하는 경우 Dynamic Media 에셋을 페이지에 직접 추가합니다.

NOTE
이미지 맵은 회전 배너에 즉시 사용할 수 있습니다.

페이지에 Dynamic Media 구성 요소 추가 adding-a-dynamic-media-component-to-a-page

Dynamic Media 또는 대화형 미디어 구성 요소를 페이지에 추가하는 것은 페이지에 구성 요소를 추가하는 것과 같습니다. Dynamic Media 및 I대화형 미디어 구성 요소는 다음 섹션에서 자세히 설명합니다.

페이지에 Dynamic Media 구성 요소/뷰어를 추가하려면 다음 작업을 수행하십시오.

  1. Experience Manager에서 Dynamic Media 구성 요소를 추가할 페이지를 엽니다.

  2. 사용 가능한 Dynamic Media 구성 요소가 없는 경우 Sidekick 입장하기 디자인 모드.

  3. 선택 편집 parsys.

  4. 선택 Dynamic Media 따라서 Dynamic Media 구성 요소를 사용할 수 있습니다.

    note note
    NOTE
    자세한 내용은 디자인 모드에서 구성 요소 구성을 참조하십시오.

  5. 사이드 킥에서 연필 아이콘을 클릭하여 편집 모드로 돌아갑니다.

  6. Dynamic Media 또는 대화형 미디어 구성 요소를 사이드 킥의 기타 그룹에서 원하는 위치의 페이지로 드래그합니다.

  7. 선택 편집 그러면 구성 요소가 열립니다.

  8. 구성 요소 편집 필요한 경우.

  9. 선택 확인 변경 사항이 저장됩니다.

Dynamic Media 구성 요소 dynamic-media-components

Dynamic Media 및 대화형 미디어 다음에서 사용할 수 있습니다. Sidekick 아래에 Dynamic Media. 다음을 사용합니다. 대화형 미디어 대화형 비디오, 대화형 이미지 또는 회전 메뉴 세트와 같은 대화형 자산에 대한 구성 요소입니다. 기타 모든 Dynamic Media 구성 요소의 경우 Dynamic Media 구성 요소.

chlimage_1-71

NOTE
이러한 구성 요소는 기본적으로 사용할 수 없으며 사용하기 전에 디자인 모드에서 선택해야 합니다. 디자인 모드에서 사용할 수 있게 되면다른 Experience Manager 구성 요소에서처럼 페이지에 구성 요소를 추가할 수 있습니다.

Dynamic Media 구성 요소 dynamic-media-component

Dynamic Media 구성 요소는 편리하게도 이미지를 추가하는지 아니면 비디오를 추가하는지에 따라 사용 가능한 선택 사항이 달라집니다. 이 구성 요소는 이미지 사전 설정, 이미지 세트와 같은 이미지 기반 뷰어, 스핀 세트, 혼합 미디어 세트 및 비디오를 지원합니다. 또한 뷰어는 응답형입니다. 즉, 화면 크기는 화면 크기에 따라 자동으로 변경됩니다. 모든 뷰어는 HTML5 기반 뷰어입니다.

NOTE
Dynamic Media 구성 요소를 추가하고 Dynamic Media 설정 ​이 비어 있거나 자산을 제대로 추가할 수 없는 경우, 다음을 확인하십시오.
  • 다음을 보유하고 있습니다. Dynamic Media 활성화됨. Dynamic Media는 기본적으로 비활성화됩니다.
  • 이미지에 피라미드형 tiff 파일이 있습니다. Dynamic Media이 활성화되기 전에 가져온 이미지에는 피라미드형 tiff 파일이 없습니다.

이미지 작업 시 when-working-with-images

Dynamic Media 구성 요소를 사용하면 이미지 세트, 스핀 세트 및 혼합 미디어 세트를 포함한 다이내믹 이미지를 추가할 수 있습니다. 확대하거나 축소할 수 있고, 해당하는 경우 스핀 세트 내의 이미지를 회전하거나 다른 유형의 세트에서 이미지를 선택할 수 있습니다.

구성 요소에서 바로 뷰어 사전 설정, 이미지 사전 설정 또는 이미지 형식을 구성할 수도 있습니다. 이미지가 반응하도록 하려면 중단점을 설정하거나 반응형 이미지 사전 설정을 적용할 수 있습니다.

chlimage_1-72

구성 요소에서 편집 ​을 클릭한 다음, Dynamic Media 설정 ​을 클릭하여 다음의 Dynamic Media 설정을 편집할 수 있습니다.

chlimage_1-73

NOTE
기본적으로 Dynamic Media 이미지 구성 요소는 적응형입니다. 고정 크기로 설정하려면 고급 탭의 구성 요소에서 폭 및 높이 속성을 설정하십시오.

뷰어 사전 설정 - 드롭다운 메뉴에서 기존 뷰어 사전 설정을 선택합니다. 보려는 뷰어 사전 설정이 표시되지 않을 경우 표시되도록 설정해야 합니다. 다음을 참조하십시오 뷰어 사전 설정 관리. 이미지 사전 설정을 사용 중이고 이와 반대로 뷰어 사전 설정을 선택할 수 없습니다.

이 옵션은 이미지 세트, 스핀 세트 또는 혼합 미디어 세트를 보는 경우에만 사용할 수 있습니다. 표시되는 뷰어 사전 설정은 편리합니다. 즉, 적절한 뷰어 사전 설정만 표시됩니다.

이미지 사전 설정 - 드롭다운 메뉴에서 기존 이미지 사전 설정을 선택합니다. 보려는 이미지 사전 설정이 표시되지 않을 경우 표시되도록 설정해야 합니다. 다음을 참조하십시오 이미지 사전 설정 관리. 이미지 사전 설정을 사용 중이고 이와 반대로 뷰어 사전 설정을 선택할 수 없습니다.

이미지 세트, 스핀 세트 또는 혼합 미디어 세트를 보는 경우에는 이 선택 사항을 사용할 수 없습니다.

이미지 수정자 - 추가 이미지 명령을 제공하여 이미지 효과를 변경할 수 있습니다. 이러한 명령은에 설명되어 있습니다 이미지 사전 설정 관리 및 명령 참조.

이미지 세트, 스핀 세트 또는 혼합 미디어 세트를 보는 경우에는 이 선택 사항을 사용할 수 없습니다.

중단점 - 응답형 사이트에서 이 자산을 사용하는 경우 페이지 중단점을 추가해야 합니다. 이미지 중단점은 쉼표(,)로 구분됩니다. 이 옵션은 이미지 사전 설정에 정의된 높이 또는 너비가 없을 때 작동합니다.

이미지 세트, 스핀 세트 또는 혼합 미디어 세트를 보는 경우에는 이 선택 사항을 사용할 수 없습니다.

구성 요소에서 편집 ​을 클릭하여 다음 고급 설정을 편집할 수 있습니다.

제목 - 이미지의 제목을 변경합니다.

대체 텍스트 - 그래픽이 꺼진 사용자의 이미지에 제목을 추가합니다.

이미지 세트, 스핀 세트 또는 혼합 미디어 세트를 보는 경우에는 이 선택 사항을 사용할 수 없습니다.

URL, 여는 위치 - 링크를 열 자산을 설정할 수 있습니다. URL 및 여는 위치 ​를 설정하여 같은 창에서 열지 또는 새 창에서 열지를 지정합니다.

이미지 세트, 스핀 세트 또는 혼합 미디어 세트를 보는 경우에는 이 선택 사항을 사용할 수 없습니다.

너비 및 높이 - 이미지의 크기를 고정하려면 값을 픽셀 단위로 입력하십시오. 이 값을 공백으로 두면 자산이 적응형으로 설정됩니다.

비디오 작업 시 when-working-with-video

Dynamic Media 구성 요소를 사용하여 웹 페이지에 다이내믹 비디오를 추가하십시오. 구성 요소를 편집할 때 페이지에서 비디오를 재생하기 위해 사전 정의된 비디오 뷰어 사전 설정을 사용하도록 선택할 수 있습니다.

chlimage_1-74

구성 요소에서 편집 ​을 클릭하여 다음 Dynamic Media 설정을 편집할 수 있습니다.

NOTE
기본적으로 Dynamic Media 비디오 구성 요소는 적응형입니다. 고정 크기로 설정하려면 고급 탭에서 폭 및 높이 ​로 구성 요소를 설정하십시오.

뷰어 사전 설정 - 드롭다운 메뉴에서 기존 비디오 뷰어 사전 설정을 선택합니다. 보려는 뷰어 사전 설정이 표시되지 않을 경우 표시되도록 설정해야 합니다. 다음을 참조하십시오 뷰어 사전 설정 관리.

구성 요소에서 편집 ​을 클릭하여 다음 고급 설정을 편집할 수 있습니다.

제목 - 비디오의 제목을 변경합니다.

너비 및 높이 - 비디오의 크기를 고정하려면 값을 픽셀 단위로 입력하십시오. 이 값을 공백으로 두면 적응형으로 설정됩니다.

보안 비디오 제공 how-to-delivery-secure-video

Experience Manager 6.2에서 다음을 설치할 때 FP-13480에서는 비디오가 보안 SSL 연결(HTTPS)을 통해 전달되는지 비보안 연결(HTTP)을 통해 전달되는지 제어할 수 있습니다. 기본적으로 비디오 전달 프로토콜은 포함된 웹 페이지의 프로토콜에서 자동으로 상속됩니다. 웹 페이지가 HTTPS를 통해 로드되면 비디오도 HTTPS를 통해 전달됩니다. 반대로 웹 페이지가 HTTP를 사용하는 경우에는 비디오가 HTTP를 통해 전달됩니다. 일반적으로 이 기본 동작은 양호하며 구성을 변경할 필요가 없습니다. 그러나 이 기본 동작을 재정의할 수 있습니다. 추가 VideoPlayer.ssl=on url 경로의 끝이나 포함 코드 조각의 다른 뷰어 구성 매개 변수 목록에 추가합니다. 두 작업 중 하나는 보안 비디오 전송을 강제합니다.

보안 비디오 제공과 URL 경로에 있는 VideoPlayer.ssl 구성 속성에 대한 자세한 내용은 뷰어 참조 가이드의 보안 비디오 제공을 참조하십시오. 비디오 뷰어 이외에 혼합 비디오 뷰어와 대화형 비디오 뷰어에 보안 비디오를 게재할 수 있습니다.

대화형 미디어 구성 요소 interactive-media-component

대화형 미디어 구성 요소는 핫스팟 또는 이미지 맵과 같이 인터랙티브한 자산을 위한 것입니다. 대화형 이미지, 대화형 비디오 또는 회전 배너가 있는 경우 대화형 미디어 구성 요소.

대화형 미디어 구성 요소는 편리하게도 이미지를 추가하는지 아니면 비디오를 추가하는지에 따라 사용 가능한 선택 사항이 달라집니다. 또한 뷰어는 응답형입니다. 즉, 화면 크기는 화면 크기에 따라 자동으로 변경됩니다. 모든 뷰어는 HTML5 기반 뷰어입니다.

chlimage_1-75

구성 요소에서 편집 ​을 클릭하여 다음 일반 설정을 편집할 수 있습니다.

뷰어 사전 설정 - 드롭다운 메뉴에서 기존 뷰어 사전 설정을 선택합니다. 보려는 뷰어 사전 설정이 표시되지 않을 경우 표시되도록 설정해야 합니다. 뷰어 사전 설정을 사용하려면 먼저 게시해야 합니다. 다음을 참조하십시오 뷰어 사전 설정 관리.

제목 - 비디오의 제목을 변경합니다.

너비 및 높이 - 비디오의 크기를 고정하려면 값을 픽셀 단위로 입력하십시오. 이 값을 공백으로 두면 적응형으로 설정됩니다.

다음을 편집할 수 있습니다 장바구니에 추가 을 클릭하여 설정 편집 구성 요소.

제품 자산 표시 - 기본적으로 이 값이 선택되어 있습니다. 제품 에셋은 Commerce 모듈에 정의된 대로 제품의 이미지를 표시합니다. 제품 자산을 표시하지 않으려면 확인 표시를 지웁니다.

제품 가격 표시 - 기본적으로 이 값이 선택되어 있습니다. 제품 가격은 상거래 모듈에 정의된 대로 항목의 가격을 표시합니다. 제품 가격을 표시하지 않으려면 확인 표시를 지웁니다.

제품 양식 표시 - 기본적으로 이 값은 선택되어 있지 않습니다. 제품 양식에는 크기 및 색상과 같은 제품 변형이 포함됩니다. 제품 변형을 표시하지 않으려면 확인 표시를 지웁니다.

recommendation-more-help
19ffd973-7af2-44d0-84b5-d547b0dffee2