페이지에 Dynamic Media Classic 구성 요소 추가 adding-scene-features-to-your-page

Adobe Dynamic Media Classic은 풍부한 미디어 자산을 관리, 개선, 게시 및 웹, 모바일, 이메일 및 인터넷에 연결된 디스플레이 및 인쇄에 제공하는 호스팅 솔루션입니다.

다양한 뷰어에서 Dynamic Media Classic에 게시된 AEM 자산을 볼 수 있습니다.

디지털 자산을 AEM에서 Dynamic Media Classic으로 바로 게시하고 Dynamic Media Classic에서 AEM으로 디지털 자산을 게시할 수 있습니다.

이 문서에서는 AEM에서 Dynamic Media Classic으로 또는 그 반대로 디지털 자산을 게시하는 방법에 대해 설명합니다. 뷰어도 자세히 설명되어 있습니다. Dynamic Media Classic용 AEM 구성에 대한 내용은 Dynamic Media Classic과 AEM 통합.

이미지 맵 추가도 참조하십시오.

AEM에서 비디오 구성 요소를 사용하는 방법에 대한 자세한 내용은 비디오.

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

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

Dynamic Media Classic 구성 요소 scene-components

AEM에서는 다음 Dynamic Media Classic 구성 요소를 사용할 수 있습니다.

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

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) 구성 요소를 추가하려면:

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

자산에 대한 응답형 디자인은 자산이 표시되는 위치에 따라 조정됨을 의미합니다. 반응형 디자인을 사용하면 여러 장치에 동일한 자산을 효과적으로 표시할 수 있습니다.

참조 - 웹 페이지를 위한 응답형 디자인.

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

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

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

예를 들어, Dynamic Media Classic 구성 요소를 열어(두 번 클릭) 이러한 구성 옵션을 설정할 때 확대/축소 구성 요소:

확대/축소 zoom

HTML5 확대/축소 구성 요소는 + 버튼을 클릭합니다.

자산 하단에 확대/축소 도구가 있습니다. 탭 + 확대하기 위해 탭 - 감소 을(를) 탭합니다. x 또는 확대/축소 재설정 화살표를 사용하면 이미지를 가져온 원래 크기로 돌아갑니다. 전체 화면으로 만들려면 대각선 화살표를 누릅니다. 탭 편집 구성 요소를 구성하려면 다음을 수행하십시오. 이 구성 요소를 사용하여 다음을 구성할 수 있습니다 모두 공통 설정 Dynamic Media Classic 구성 요소.

플라이아웃 flyout

HTML 5 플라이아웃 구성 요소에서는 자산이 분할 화면으로 표시됩니다. 자산을 지정된 크기로 둡니다. 오른쪽에는 확대/축소 부분이 표시됩니다. 탭 편집 구성 요소를 구성하려면 다음을 수행하십시오. 이 구성 요소를 사용하여 다음을 구성할 수 있습니다 모든 Dynamic Media Classic 구성 요소에 공통되는 설정.

이미지 image

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

이미지 템플릿 image-template

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

탭 편집 구성 요소를 구성하려면 다음을 수행하십시오. 다음을 구성할 수 있습니다 모든 Dynamic Media Classic 구성 요소에 공통되는 설정 또한 이 섹션에 설명된 기타 설정을 참조하십시오.

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

텍스트를 동적으로 변경하려면 필드에 새 텍스트를 입력하고 확인. 이 예에서 가격 지금 50달러이고 배송비는 99센트입니다

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

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

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

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

Dynamic Media Classic 이미지 템플릿을 링크로 지정 making-the-scene-image-template-a-link

비디오 구성 요소 video-component

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

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

자세한 내용은 비디오 를 참조하십시오. 또한 다음을 참조하십시오 Dynamic Media Classic 비디오 구성 요소와 기본 비디오 구성 요소.

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

Adobe DAM 및 WCM은 마스터 비디오가 업로드되었는지를 표시합니다. 다음 프록시 자산은 표시되지 않습니다.

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

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

Dynamic Media Classic 컨텐츠 브라우저를 사용하면 AEM에서 직접 Dynamic Media Classic의 컨텐츠를 볼 수 있습니다. 컨텐츠 브라우저에 액세스하려면 컨텐츠 파인더, 선택 Dynamic Media Classic 터치에 적합한 사용자 인터페이스 또는 S7 클래식 사용자 인터페이스의 아이콘. 기능은 두 사용자 인터페이스 간에 동일합니다.

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

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

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

선택하여 Dynamic Media Classic 자산 찾아보기 Dynamic Media Classic 를 클릭합니다. Dynamic Media Classic/AEM 통합을 구성하지 않은 경우 Dynamic Media Classic이 목록에 표시되지 않습니다.

또한 브라우저에서 자산을 마우스로 가리키면 확인 정보, 크기, 수정 이후 일 수 및 파일 이름을 찾을 수 있습니다.

컨텐츠 브라우저로 Dynamic Media Classic 자산 검색 searching-for-scene-assets-with-the-content-browser

Dynamic Media Classic 자산 검색은 검색할 때 AEM으로 직접 가져오는 대신 Dynamic Media Classic 시스템에서 자산의 원격 보기가 실제로 표시된다는 점을 제외하면 AEM 자산을 검색하는 것과 유사합니다.

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

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

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

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