페이지에 Dynamic Media Classic 기능 추가 adding-scene-features-to-your-page

Adobe Dynamic Media Classic은(는) 리치 미디어 자산을 웹, 모바일, 전자 메일 및 인터넷에 연결된 디스플레이와 인쇄로 관리, 개선, 게시 및 전달하기 위한 호스팅 솔루션입니다.

Dynamic Media Classic에 게시된 Experience Manager 에셋을 다양한 뷰어에서 볼 수 있습니다.

  • 확대/축소
  • 플라이아웃
  • 비디오
  • 이미지 템플릿
  • 이미지

Experience Manager에서 Dynamic Media Classic으로 직접 디지털 자산을 게시할 수 있으며 Dynamic Media Classic에서 Experience Manager으로 디지털 자산을 게시할 수 있습니다.

이 문서에서는 Experience Manager에서 Dynamic Media Classic으로 그리고 반대로 디지털 에셋을 게시하는 방법을 설명합니다. 또한 뷰어에 대한 자세한 설명이 제공됩니다. Dynamic Media Classic용 Experience Manager 구성에 대한 자세한 내용은 Dynamic Media Classic과 Experience Manager 통합을 참조하십시오.

이미지 맵 추가도 참조하세요.

Experience Manager에 비디오 구성 요소를 사용하는 방법에 대한 자세한 내용은 비디오를 참조하세요.

NOTE
Dynamic Media Classic 자산이 제대로 표시되지 않으면 Dynamic Media이 비활성화됨인지 확인한 다음 페이지를 새로 고치십시오.

자산에서 Dynamic Media Classic에 수동으로 게시 manually-publishing-to-scene-from-assets

다음과 같이 디지털 에셋을 Dynamic Media Classic에 게시할 수 있습니다.

NOTE
Experience Manager은 비동기적으로 Dynamic Media Classic에 게시됩니다. Publish ​을(를) 선택한 후 에셋을 Dynamic Media Classic에 게시하는 데 몇 초 정도 소요됩니다.

Dynamic Media Classic 구성 요소 scene-components

Experience Manager에서 사용할 수 있는 Dynamic Media Classic 구성 요소는 다음과 같습니다.

  • 확대/축소
  • 플라이아웃(확대/축소)
  • 이미지 템플릿
  • 이미지
  • 비디오
NOTE
이러한 구성 요소는 기본적으로 사용할 수 없으며 사용하기 전에 디자인 모드에서 선택해야 합니다.

디자인 모드에서 사용할 수 있게 되면 다른 Experience Manager 구성 요소와 같이 페이지에 구성 요소를 추가할 수 있습니다. Dynamic Media Classic에 아직 게시되지 않은 Assets은 동기화된 폴더 또는 페이지나 Dynamic Media Classic 클라우드 구성이 있는 경우 Dynamic Media Classic에 게시됩니다.

NOTE
사용자 지정 뷰어를 만들고 개발하면서 콘텐츠 파인더를 사용하는 경우 allowfullscreen 매개 변수를 명시적으로 추가해야 합니다.

Flash 뷰어 서비스 종료 알림 flash-viewers-end-of-life-notice

2017년 1월 31일부터 Adobe Dynamic Media Classic은 Flash 뷰어 플랫폼에 대한 지원을 종료했습니다.

페이지에 Dynamic Media Classic(Scene7) 구성 요소 추가 adding-a-scene-component-to-a-page

페이지에 Dynamic Media Classic(Scene7) 구성 요소를 추가하는 것은 페이지에 구성 요소를 추가하는 것과 같습니다. Dynamic Media Classic 구성 요소는 다음 섹션에 자세히 설명되어 있습니다.

Dynamic Media Classic(Scene7) 구성 요소를 페이지에 추가하려면:

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

  2. 사용 가능한 Dynamic Media Classic 구성 요소가 없으면 디자인 모드를 선택하고 파란색 테두리가 있는 구성 요소를 선택한 다음 상위 아이콘을 선택한 다음 구성 아이콘을 선택하십시오. Parsys(디자인) ​에서 사용할 수 있도록 설정할 모든 Dynamic Media Classic 구성 요소를 선택하고 확인 ​을 선택합니다.

    chlimage_1-224

  3. 편집 모드로 돌아가려면 편집 ​을 선택하세요.

  4. 사이드 킥의 Dynamic Media Classic 그룹에서 원하는 위치의 페이지로 구성 요소를 끌어옵니다.

  5. 구성 요소를 열 수 있도록 구성 아이콘을 선택하십시오.

  6. 필요에 따라 구성 요소를 편집하고 확인 ​을 선택하여 변경 내용을 저장합니다.

  7. 콘텐츠 브라우저의 이미지 또는 비디오를 페이지에 추가한 Dynamic Media Classic 구성 요소로 드래그합니다.

    note note
    NOTE
    Touch UI에서만 이미지 또는 비디오를 페이지에 놓은 Dynamic Media Classic 구성 요소로 끌어다 놓아야 합니다. Dynamic Media Classic 구성 요소를 선택 및 편집한 다음 에셋을 선택할 수 없습니다.

응답형 사이트에 대화형 보기 환경 추가 adding-interactive-viewing-experiences-to-a-responsive-website

에셋에 대한 반응형 디자인은 에셋이 표시되는 위치에 따라 조정됨을 의미합니다. 반응형 디자인을 통해 동일한 에셋을 여러 디바이스에 효과적으로 표시할 수 있습니다.

웹 페이지에 대한 반응형 디자인도 참조하세요.

응답형 사이트에 대화형 보기 환경을 추가하려면:

  1. Experience Manager에 로그인하고 구성된 Adobe Dynamic Media Classic Cloud Service이 있고 Dynamic Media Classic 구성 요소를 사용할 수 있는지 확인하십시오.

    note note
    NOTE
    Dynamic Media Classic 구성 요소를 사용할 수 없는 경우 디자인 모드를 통해 사용하도록 설정하세요.
  2. Dynamic Media Classic 구성 요소가 활성화된 웹 사이트에서 이미지 구성 요소를 페이지로 드래그합니다.

  3. 구성 요소를 선택하고 구성 아이콘을 선택합니다.

  4. Dynamic Media Classic 설정 탭에서 중단점을 조정합니다.

    chlimage_1-225

  5. 뷰어의 크기가 응답적으로 조정되는지 확인하고 모든 상호 작용이 데스크탑, 태블릿 및 모바일에 최적화되어 있는지 확인합니다.

모든 Dynamic Media Classic 구성 요소에 공통되는 설정 settings-common-to-all-scene-components

구성 옵션은 다르지만 모든 Dynamic Media Classic 구성 요소에는 다음과 같은 공통점이 있습니다.

  • 파일 참조 - 참조할 파일을 찾습니다. 파일 참조는 에셋 URL을 보여주며 URL 명령 및 매개 변수를 포함한 전체 Dynamic Media Classic URL일 필요는 없습니다. 이 필드에는 Dynamic Media Classic URL 명령 및 매개 변수를 추가할 수 없습니다. 대신 구성 요소에서 해당 기능을 통해 추가합니다.
  • 너비 - 너비를 설정할 수 있습니다.
  • 높이 - 높이를 설정할 수 있습니다.

예를 들어 Zoom 구성 요소를 열 때 Dynamic Media Classic 구성 요소를 두 번 클릭하여 이러한 구성 옵션을 설정합니다.

chlimage_1-226

확대/축소 zoom

+ 단추를 누르면 HTML5 확대/축소 구성 요소에 더 큰 이미지가 표시됩니다.

에셋 하단에는 확대/축소 도구가 있습니다. 확대하려면 + ​을(를) 선택하고 축소하려면 - ​을(를) 선택합니다. x 또는 확대/축소 재설정 화살표를 탭하면 이미지가 가져온 원래 크기로 돌아갑니다. 대각선 화살표를 선택하여 전체 화면으로 만듭니다. 구성 요소를 구성할 수 있도록 편집 ​을 선택하십시오. 이 구성 요소를 사용하여 모든 Dynamic Media Classic 구성 요소에 공통되는 설정을 구성할 수 있습니다.

chlimage_1-227

플라이아웃 flyout

HTML5 플라이아웃 구성 요소에서 자산은 분할 화면으로 표시됩니다. 왼쪽에는 지정된 크기의 자산이 표시되고, 오른쪽에는 확대/축소 부분이 표시됩니다. 구성 요소를 구성할 수 있도록 편집 ​을 선택하십시오. 이 구성 요소를 사용하여 모든 Dynamic Media Classic 구성 요소에 공통되는 설정을 구성할 수 있습니다.

NOTE
플라이아웃 구성 요소가 사용자 지정 크기를 사용하는 경우 해당 사용자 지정 크기가 사용되고 구성 요소의 응답형 설정이 비활성화됩니다.
플라이아웃 구성 요소가 디자인 보기 ​에 설정된 대로 기본 크기를 사용하는 경우 기본 크기가 사용되며 구성 요소는 구성 요소의 응답형 설정이 활성화되면서 페이지 레이아웃 크기에 맞게 확장됩니다. 구성 요소의 응답형 설정에는 제한이 있습니다. 응답형 설정이 있는 플라이아웃 구성 요소를 사용하는 경우 전체 페이지 늘리기를 사용하지 마십시오. 그렇지 않으면 플라이아웃 ​이 페이지의 오른쪽 테두리를 넘어갑니다.

chlimage_1-228

이미지 image

Dynamic Media Classic 이미지 구성 요소를 사용하면 Dynamic Media Classic 수정자, 이미지 또는 뷰어 사전 설정, 선명하게 하기 등의 Dynamic Media Classic 기능을 이미지에 추가할 수 있습니다. Dynamic Media Classic 이미지 구성 요소는 특별한 Dynamic Media Classic 기능을 가진 Experience Manager의 다른 이미지 구성 요소와 비슷합니다. 이 예의 이미지에는 Dynamic Media Classic URL 수정자 &op_invert=1이(가) 적용되어 있습니다.

chlimage_1-229

제목, 대체 텍스트 - 고급 탭에서 이미지에 제목을 추가하고, 그래픽을 해제한 사용자를 위한 대체 텍스트를 추가합니다.

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

chlimage_1-230

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

Dynamic Media Classic 구성 - SPS에서 활성 이미지 사전 설정을 가져오는 데 사용할 Dynamic Media Classic 구성을 선택합니다.

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

출력 형식 - 이미지의 출력 형식(예: jpeg)을 선택하십시오. 선택한 출력 형식에 따라 추가 구성 옵션이 있습니다. 이미지 사전 설정 모범 사례를 참조하세요.

선명하게 하기 - 이미지를 선명하게 할 방법을 선택합니다. 선명하게 하기는 이미지 사전 설정 모범 사례선명하게 하기 모범 사례에 자세히 설명되어 있습니다.

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

중단점 - 웹 사이트가 응답형인 경우 중단점을 조정할 수 있습니다. 중단점은 쉼표( , )로 구분해야 합니다.

이미지 템플릿 image-template

Dynamic Media Classic 이미지 템플릿은(는) Dynamic Media Classic으로 가져온 계층화된 Photoshop 컨텐츠입니다. 여기서 컨텐츠 및 속성은 가변성을 위해 매개 변수화됩니다. 이미지 템플릿 구성 요소를 사용하여 이미지를 가져오고 Experience Manager에서 텍스트를 동적으로 변경할 수 있습니다. 또한 클라이언트 컨텍스트의 값을 사용하도록 이미지 템플릿 구성 요소를 구성할 수 있으므로 각 사용자는 개인화된 방식으로 이미지를 경험하게 됩니다.

구성 요소를 구성하려면 편집 ​을 선택합니다. 모든 Dynamic Media Classic 구성 요소에 공통되는 설정 및 이 섹션에 설명된 기타 설정을 구성할 수 있습니다.

chlimage_1-231

파일 참조, 너비, 높이 - 모든 ScDynamic Media Classicene7 구성 요소에 공통인 설정을 참조하십시오.

NOTE
Dynamic Media Classic URL 명령 및 매개 변수는 파일 참조 URL에 직접 추가할 수 없습니다. 매개 변수 패널의 구성 요소 UI에서만 정의할 수 있습니다.

제목, 대체 텍스트 - Dynamic Media Classic 이미지 템플릿 탭에서 이미지에 제목을 추가하고, 그래픽을 해제한 사용자를 위한 대체 텍스트를 추가합니다.

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

chlimage_1-232

매개 변수 패널 - 이미지를 가져올 때 매개 변수는 이미지의 정보로 미리 채워집니다. 동적으로 변경할 수 있는 컨텐츠가 없는 경우 이 창은 비어 있습니다.

chlimage_1-233

동적으로 텍스트 변경 changing-text-dynamically

텍스트를 동적으로 변경하려면 필드에 새 텍스트를 입력하고 확인 ​을 선택합니다. 이 예제에서 가격 ​은 이제 $50이고 배송은 99센트입니다.

chlimage_1-234

이미지의 텍스트가 변경됩니다. 필드 옆에 있는 재설정 ​을 탭하여 텍스트를 원래 값으로 다시 설정할 수 있습니다.

chlimage_1-235

클라이언트 컨텍스트 값을 반영하도록 텍스트 변경 changing-text-to-reflect-the-value-of-a-client-context-value

필드를 클라이언트 컨텍스트 값에 연결하려면 선택 ​을 선택하여 클라이언트 컨텍스트 메뉴를 열고 클라이언트 컨텍스트를 선택한 후 확인 ​을 선택합니다. 이 예제에서 이름은 프로필의 형식이 지정된 이름과 연결되어 변경됩니다.

chlimage_1-236

텍스트는 현재 로그인한 사용자의 이름을 반영합니다. 필드 옆에 있는 재설정 ​을 클릭하여 텍스트를 원래 값으로 다시 설정할 수 있습니다.

chlimage_1-237

  1. Dynamic Media Classic 이미지 템플릿 구성 요소가 있는 페이지에서 편집 ​을 선택합니다.

  2. URL 필드에 이미지를 탭할 때 사용자가 이동하는 URL을 입력합니다. 여는 위치 필드에서 대상을 새 창 또는 동일한 창 중 어떤 창에서 열지를 선택합니다.

    chlimage_1-238

  3. 확인 ​을 선택합니다.

비디오 구성 요소 video-component

Dynamic Media Classic Video 구성 요소(사이드 킥의 Dynamic Media Classic 섹션에서 사용 가능)는 장치 및 대역폭 검색을 사용하여 각 화면에 올바른 비디오를 제공합니다. 이 구성 요소는 HTML5 비디오 플레이어로, 채널 간에 사용할 수 있는 단일 뷰어입니다.

응용 비디오 세트, 단일 MP4 비디오 또는 단일 F4V 비디오에 사용할 수 있습니다.

비디오가 Dynamic Media Classic 통합에서 작동하는 방식에 대한 자세한 내용은 비디오를 참조하세요. 또한 Dynamic Media Classic 비디오 구성 요소와 기본 비디오 구성 요소를 참조하십시오.

chlimage_1-239

비디오 구성 요소의 알려진 제한 사항 known-limitations-for-the-video-component

Adobe DAM 및 WCM은 기본 소스 비디오가 업로드되었는지를 표시합니다. 이러한 프록시 자산은 표시되지 않습니다.

  • Dynamic Media Classic 인코딩 표현물
  • Dynamic Media Classic 응용 비디오 집합

Dynamic Media Classic 비디오 구성 요소와 함께 응용 비디오 세트를 사용할 때는 비디오 크기에 맞게 구성 요소의 크기를 조정해야 합니다.

Dynamic Media Classic 컨텐츠 브라우저 scene-content-browser

Dynamic Media Classic 컨텐츠 브라우저를 사용하면 Dynamic Media Classic의 컨텐츠를 Experience Manager에서 바로 볼 수 있습니다. 컨텐츠 브라우저에 액세스하려면 컨텐츠 파인더 ​의 터치에 적합한 사용자 인터페이스에서 Dynamic Media Classic ​을(를) 선택하거나, 클래식 사용자 인터페이스에서 S7 아이콘을 선택하십시오. 기능은 두 사용자 인터페이스 간에 동일합니다.

구성이 여러 개인 경우 기본적으로 Experience Manager은 기본 구성을 표시합니다. Dynamic Media Classic 콘텐츠 브라우저의 드롭다운 메뉴에서 직접 다른 구성을 선택할 수 있습니다.

NOTE
  • 온디맨드 폴더의 Assets이 Dynamic Media Classic 콘텐츠 브라우저에 표시되지 않습니다.

  • 보안 미리 보기를 사용하도록 설정하면 Dynamic Media Classic에 게시된 자산과 게시되지 않은 자산이 모두 Dynamic Media Classic 콘텐츠 브라우저에 표시됩니다.

  • Dynamic Media Classic 또는 S7 아이콘이 컨텐츠 브라우저에 옵션으로 표시되지 않는 경우 Experience Manager에서 작동하도록 Dynamic Media Classic을 구성해야 합니다.

  • 비디오의 경우 Dynamic Media Classic 컨텐츠 브라우저는 다음을 지원합니다.

    • 응용 비디오 세트: 여러 화면 간에 원활하게 재생되는 데 필요한 모든 비디오 표현물의 컨테이너
    • 단일 MP4 비디오
    • 단일 F4V 동영상

터치에 적합한 UI에서 콘텐츠 찾아보기 browsing-content-in-the-touch-optimized-ui

터치에 적합한 UI 또는 클래식 UI에서 콘텐츠 브라우저에 액세스할 수 있습니다. 현재 터치에 적합한 는 다음과 같은 제한이 있습니다.

  • Dynamic Media Classic의 FXG 및 Flash 에셋은 지원되지 않습니다.

세 번째 드롭다운 메뉴에서 Dynamic Media Classic ​을(를) 선택하여 Dynamic Media Classic 에셋을 찾아봅니다. Dynamic Media Classic/Experience Manager 통합을 구성하지 않은 경우 Dynamic Media Classic이 목록에 표시되지 않습니다.

NOTE
  • Dynamic Media Classic 콘텐츠 브라우저는 약 100개의 에셋을 로드하고 이름별로 정렬합니다.
  • 보안 미리 보기 서버가 설정되어 있는 경우 브라우저는 해당 미리 보기 서버를 사용하여 썸네일 및 자산을 렌더링합니다.

chlimage_1-240

또한 브라우저의 자산을 마우스로 가리키면 해상도 정보, 크기, 수정 이후 일 수 및 파일 이름을 찾아볼 수 있습니다.

chlimage_1-241

  • 응용 비디오 세트 및 템플릿의 경우 썸네일에 대한 크기 정보가 생성되지 않습니다.
  • 응용 비디오 세트의 경우 썸네일에 대한 해상도가 생성되지 않습니다.

콘텐츠 브라우저를 사용하여 Dynamic Media Classic 에셋 검색 searching-for-scene-assets-with-the-content-browser

Dynamic Media Classic에서 에셋을 검색하는 것은 Experience Manager Assets에서 에셋을 검색하는 것과 비슷합니다. 그러나 검색할 때 에셋을 Experience Manager으로 직접 가져오는 대신 Dynamic Media Classic 시스템의 에셋에 대한 원격 보기가 실제로 표시됩니다.

클래식 UI 또는 터치에 적합한 UI를 사용하여 에셋을 보고 검색할 수 있습니다. 인터페이스에 따라 검색 방법이 약간 다릅니다.

UI에서 검색할 때 다음 기준(터치에 적합한 UI에서 여기에 표시됨)에 따라 필터링할 수 있습니다.

키워드 입력 - 이름별로 자산을 검색할 수 있습니다. 검색할 때 입력하는 키워드는 파일 이름의 시작입니다. 예를 들어 "swimming"이라는 단어를 입력하면 해당 문자로 시작하는 모든 에셋 파일 이름을 해당 순서로 찾습니다. 자산을 찾으려면 용어를 입력한 후 Enter 키를 누르십시오.

chlimage_1-242

폴더/경로 - 표시되는 폴더의 이름은 선택한 구성에 따라 다릅니다. 폴더 아이콘을 탭하고 하위 폴더를 선택하여 하위 수준으로 드릴다운한 다음 확인 표시를 탭하여 하위 폴더를 선택할 수 있습니다.

키워드를 입력하고 폴더를 선택하면 Experience Manager은 해당 폴더와 하위 폴더를 검색합니다. 그러나 검색할 때 키워드를 입력하지 않으면 폴더를 선택하면 해당 폴더의 자산만 표시되고 하위 폴더는 포함되지 않습니다.

기본적으로 Experience Manager은 선택한 폴더 및 모든 하위 폴더를 검색합니다.

chlimage_1-243

에셋 유형 - Dynamic Media Classic 콘텐츠를 찾아보려면 Dynamic Media Classic ​을(를) 선택하십시오. 이 옵션은 Dynamic Media Classic이 구성된 경우에만 사용할 수 있습니다.

chlimage_1-244

구성 - Cloud Service에 두 개 이상의 Dynamic Media Classic 구성이 정의되어 있는 경우 여기에서 선택할 수 있습니다. 따라서 폴더는 선택한 구성에 따라 변경됩니다.

chlimage_1-245

자산 유형 - Dynamic Media Classic 브라우저 내에서 이미지, 템플릿, 비디오 및 응용 비디오 세트 중 하나를 포함하도록 결과를 필터링할 수 있습니다. 에셋 유형을 선택하지 않으면 기본적으로 Experience Manager은 모든 에셋 유형을 검색합니다.

chlimage_1-246

NOTE
  • 클래식 UI에서는 FlashFXG ​도 검색할 수 있습니다. 터치에 적합한 UI에서 이러한 유형의 필터링은 지원되지 않습니다.

  • 비디오를 검색할 때 단일 렌디션을 검색합니다. 원본 렌디션( *.mp4만) 및 인코딩된 렌디션이 반환됩니다.

  • 응용 비디오 세트를 검색할 때 폴더 및 모든 하위 폴더를 검색하게 되지만, 검색에 키워드를 추가한 경우에만 해당됩니다. 키워드를 추가하지 않은 경우 Experience Manager이 하위 폴더를 검색하지 않습니다.

Publish 상태 - 게시 상태: 게시 취소됨 또는 게시됨 ​을(를) 기준으로 자산을 필터링할 수 있습니다. Publish 상태 ​를 선택하지 않으면 기본적으로 Experience Manager은 모든 게시 상태를 검색합니다.

chlimage_1-247

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