뷰어 사전 설정

뷰어 사전 설정 은 사용자가 컴퓨터 화면과 모바일 장치에서 리치 미디어 자산을 보는 방법을 결정하는 설정 모음입니다. 관리자는 뷰어 사전 설정을 만들 수 있습니다. 뷰어 구성 선택 사항 배열에 대한 설정을 사용할 수 있습니다. 예를 들어 뷰어 표시 크기, 확대/축소 동작, 색상 구성표, 테두리 및 글꼴을 변경할 수 있습니다.

Scene7 HTML5 비디오 뷰어를 사용하는 것이 좋습니다. HTML5 비디오 뷰어에 사용된 사전 설정은 강력한 비디오 플레이어입니다. HTML5 및 CSS를 사용하여 재생 구성 요소를 디자인하고 포함 재생을 제공하며 브라우저의 기능에 따라 적응형 및 점진적 스트리밍을 사용하는 기능을 단일 플레이어에 결합하여 리치 미디어 컨텐츠의 범위를 데스크톱, 태블릿 및 모바일 사용자로 확장하고 스트리밍된 비디오 환경을 보장할 수 있습니다.

Adobe Scene7 뷰어 참조 가이드의 HTML5 뷰어 정보 를 참조하십시오.

Scene7 뷰어 사전 설정 호환성 매트릭스 를 참조하십시오.

우수 사례: HTML5 비디오 뷰어 사용 을 참조하십시오.

뷰어에 따라 커뮤니티 기능을 추가할 수 있습니다. 커뮤니티 기능에는 [포함] 단추, [이메일] 단추, [링크] 단추 및 [사이트 방문] 단추가 포함됩니다. 뷰어 사용자는 이러한 단추를 통해 뷰어를 다른 사람과 공유하거나 Scene7 웹 사이트를 열 수 있습니다.

Scene7 뷰어 참조 라이브러리 예 도 참조하십시오.

응답형 디자인의 웹 페이지에 대한 뷰어 지원

서로 다른 웹 페이지에는 서로 다른 요구 사항이 있습니다. 별도의 브라우저 창에서 HTML5 뷰어를 여는 링크를 제공하는 웹 페이지가 필요한 경우가 있습니다. 다른 경우, 호스팅 페이지에서 HTML5 뷰어를 직접 포함해야 할 수도 있습니다. 후자의 경우, 웹 페이지에 정적 레이아웃이 있을 수 있습니다. 또는 서로 다른 장치나 서로 다른 브라우저 창 크기에서 다르게 "응답"하고 표시할 수 있습니다. 이러한 요구를 충족하기 위해, Scene7과 함께 제공되는 HTML5 뷰어는 정적 웹 페이지와 응답형 디자인의 웹 페이지를 모두 지원합니다.

응답형 뷰어를 웹 페이지에 포함하는 방법에 대한 자세한 내용은 Scene7 이미지 제공 API 도움말 에서 응답형 정적 이미지 라이브러리 를 참조하십시오.

뷰어 사전 설정 유형

관리자는 다음 유형의 뷰어 사전 설정을 만들고 사용자 지정할 수 있습니다.

eCatalog 뷰어
인쇄된 카탈로그를 읽는 경험을 시뮬레이션합니다. 페이지 간에 이동하고, 페이지에서 항목을 확대 및 축소하고, 이미지 맵을 사용하여 페이지 항목에 대한 추가 정보를 확인할 수 있습니다. 맵 영역에 유효한 rollover_key 특성이 있는 경우 정보 패널을 포함하여 자세한 정보와 이미지 매핑된 항목을 표시할 수도 있습니다. 정보 패널을 포함하려면 [eCatalog 뷰어 사전 설정] 창의 [정보 패널 설정] 패널에서 정보 서버 URL을 지정합니다.

견본 집합 뷰어
이미지를 다른 색상, 재질, 텍스처, 마무리 또는 패브릭으로 표시합니다. 사용자가 썸네일을 클릭하여 이미지의 변형을 확인합니다.

혼합 미디어 집합 뷰어
각기 다른 유형의 미디어를 하나의 뷰어에서 표시합니다. 견본 집합, 회전 집합, 이미지 및 비디오를 포함할 수 있습니다. 이미지 집합용 탭, 비디오용 탭 등 각기 다른 컨텐츠 유형을 포함할 탭을 설정할 수 있습니다. 혼합 미디어 집합에서 재생된 비디오는 타임라인과 [중지], [일시 중단], [되감기], [재생] 등의 비디오 컨트롤이 포함된 표준 비디오 뷰어를 사용합니다. 혼합 미디어 집합 뷰어 사전 설정을 지정할 때 혼합 미디어 집합의 각 자산 유형에 사용하려는 뷰어를 지정합니다. [그리드 뷰어] 또는 [회전식 뷰어]를 사용하여 혼합 미디어 집합을 볼 수도 있습니다.

회전 집합 뷰어
사용자가 개체를 회전하여 다른 측면과 각도를 검사할 수 있도록 한 이미지의 여러 보기를 제공합니다.

비디오 뷰어
소스 파일의 해상도 크기나 사용자 지정 크기를 사용하여 비디오를 표시합니다. Scene7에는 비디오 재생용 사전 정의된 많은 뷰어 사전 설정이 포함되어 있으며, 관리자는 사용자 지정 비디오 뷰어 사전 설정을 만들 수 있습니다. 비디오 뷰어를 구성하기 위한 수십 개의 설정이 있습니다. 크기, 전경색 및 배경색, 비디오 및 오디오 컨트롤, 진행률 표시줄, 사용자 인터페이스 스킨, 소셜 기능 및 도움말을 구성할 수 있습니다.

비디오 다시 자르기 뷰어
비디오 다시 자르기를 만들기 위해 샘플 오디오, 배경, 테두리, 캡션, 효과, 그래픽, 전환, 비디오 등을 제공합니다. 이 컨텐츠는 [비디오 다시 자르기] 화면의 [샘플 eVideo 컨텐츠] 패널에 표시됩니다.

확대/축소 뷰어
다음 세 가지 유형의 확대/축소 뷰어 선택을 제공합니다.
확대/축소 뷰어
사용자가 영역을 클릭하여 확대/축소할 수 있습니다. 컨트롤을 클릭하여 이미지를 확대 및 축소하고 기본 크기로 재설정할 수 있습니다.

확대/축소 뷰어: 플라이아웃
원본 이미지 옆에 확대/축소된 영역의 두 번째 이미지를 표시합니다. 사용할 컨트롤은 없습니다. 사용자가 보려는 영역으로 선택을 이동하면 됩니다.

이 뷰어의 전체 대역폭 사용을 결정하는 경우 기본 이미지와 플라이아웃 이미지가 뷰어에 모두 제공된다는 것을 고려합니다. 기본 이미지 크기(단계 [너비] 및 [높이])와 확대/축소 비율에 의해 플라이아웃 이미지 크기가 결정됩니다. 플라이아웃 파일 크기가 너무 커지지 않도록 하려면 이러한 두 값의 균형을 조정합니다. 기본 이미지가 크면 확대/축소 비율 값을 줄입니다. [플라이아웃 너비] 및 [플라이아웃 높이]는 뷰어에 제공되는 플라이아웃 이미지의 크기가 아니라 플라이아웃 창의 크기를 결정합니다.

예를 들어 기본 이미지 크기가 350x350 픽셀이고 확대/축소 비율이 3이면 결과 플라이아웃 이미지는 1050x1050 픽셀이 됩니다. 기본 이미지 크기가 300x300 픽셀이고 확대/축소 비율이 4이면 플라이아웃 이미지는 1200x1200 픽셀이 됩니다. JPEG 품질 설정(권장 설정은 80-90 사이임)에 따라 파일 크기를 훨씬 줄일 수 있습니다. 기본 이미지 크기에 따라 권장되는 확대/축소 비율은 2.5에서 4 사이입니다.

Scene7 뷰어 사전 설정 호환성 매트릭스

다음 표에서는 현재 사용 가능한 Scene7 뷰어 사전 설정을 식별합니다. 또한 데스크톱 및 모바일 장치와 뷰어의 호환성과 주어진 각 뷰어에 사용되는 기술을 지정합니다.

Scene7 뷰어 참조 라이브러리 예 도 참조하십시오.

뷰어에 지원되는 웹 브라우저 및 운영 체제 버전에 대한 정보를 보려면 뷰어 릴리스 노트를 검토할 수 있습니다.

Scene7 뷰어 참조 릴리스 노트 를 참조하십시오.

뷰어 기술

데스크톱

Apple iPhone

Apple iPad

Android 스마트폰

Android 태블릿

확대/축소 뷰어

Universal_HTML5_Flyout

HTML5

X

X

X

X

X

Universal_HTML5_Zoom_inline

HTML5

X

X

X

X

X

Universal_HTML5_Zoom_dark

HTML5

X

X

X

X

X

Universal_HTML5_Zoom_light

HTML5

X

X

X

X

X

FlyoutZoom_Flash

Flash AS3

X

FlyoutZoom2_Flash

Flash AS3

X

기존-확대/축소-유도

Flash AS2

X

확대/축소

Flash AS3

X

뷰어 기술

데스크톱

Apple iPhone

Apple iPad

Android 스마트폰

Android 태블릿

이미지 집합 뷰어

Universal_HTML5_Flyout

HTML5

X

X

X

X

X

Universal_HTML5_ImageSet_dark

HTML5

X

X

X

X

X

Universal_HTML5_ImageSet_light

HTML5

X

X

X

X

X

FlyoutZoom_Flash

Flash AS3

X

FlyoutZoom2_Flash

Flash AS3

X

이미지 집합

Flash AS3

X

ImageSet_Slideshow_Flash

Flash AS3

X

Legacy-ImageSet-Guided

Flash AS2

X

뷰어 기술

데스크톱

Apple iPhone

Apple iPad

Android 스마트폰

Android 태블릿

견본 집합 뷰어

Universal_HTML5_Flyout

HTML5

X

X

X

X

X

Universal_HTML5_SwatchSet_dark

HTML5

X

X

X

X

X

Universal_HTML5_SwatchSet_light

HTML5

X

X

X

X

X

FlyoutZoom_Flash

Flash AS3

X

FlyoutZoom2_Flash

Flash AS3

X

견본 집합

Flash AS3

X

SwatchSet_Slideshow_Flash

Flash AS3

X

뷰어 기술

데스크톱

Apple iPhone

Apple iPad

Android 스마트폰

Android 태블릿

eCatalog 뷰어

Universal_HTML5_eCatalog_Adv

(소셜 미디어를 지원합니다.)

HTML5

X

X

X

X

X

Universal_HTML5_eCatalog

(소셜 미디어를 지원합니다.)

HTML5

X

X

X

X

X

eCatalog_Flash

Flash AS3

X

eCatalog_PopupViewers_Flash

Flash AS3

X

기존-전자 카탈로그

Flash AS2

X

뷰어 기술

데스크톱

Apple iPhone

Apple iPad

Android 스마트폰

Android 태블릿

회전 뷰어

Universal_HTML5_SpinSet_dark

HTML5

X

X

X

X

X

Universal_HTML5_SpinSet_light

HTML5

X

X

X

X

X

회전

Flash AS3

X

Spin_Auto_Flash

Flash AS3

X

Spin_eCat_Flash

Flash AS3

X

뷰어 기술

데스크톱

Apple iPhone

Apple iPad

Android 스마트폰

Android 태블릿

BlackBerry 스마트폰

Windows Phone

eVideo 뷰어

Scene7은 MP4 H.264 비디오의 모바일 비디오 재생을 지원합니다. 다음 웹 사이트에서 이 비디오 형식을 지원하는 Blackberry 장치를 찾을 수 있습니다.

Blackberry에서 지원되는 비디오 형식

또한 다음 웹 사이트에서 이 비디오 형식을 지원하는 Windows 장치를 찾을 수 있습니다.

Windows Phone에서 지원되는 비디오 형식

Universal_HTML5_Video

(폐쇄 캡션을 지원합니다.)

우수 사례: HTML5 비디오 뷰어 사용 을 참조하십시오.

HTML5

X

X

X

X

X

X

X

Universal_HTML5_Video_소셜

(폐쇄 캡션 및 소셜 미디어를 지원합니다.)

HTML5

X

X

X

X

X

X

X

비디오

Flash AS3

X

비디오_eCat

Flash AS3

X

비디오_캡션

Flash AS3

X

뷰어 기술

데스크톱

Apple iPhone

Apple iPad

Android 스마트폰

Android 태블릿

비디오 다시 자르기 뷰어

VideoRecut

Flash AS3

X

뷰어 기술

데스크톱

Apple iPhone

Apple iPad

Android 스마트폰

Android 태블릿

혼합 미디어 집합 뷰어

Universal_HTML5_MixedMedia_dark

HTML5

X

X

X

X

X

Universal_HTML5_MixedMedia_light

HTML5

X

X

X

X

X

MixedMedia_AutoSpin_Flash

Flash AS3

X

Mixed_Media

Flash AS3

X

지원되는 모바일 뷰어 제스처 매트릭스

다음 표에서는 iOS, Android 2.x 및 Android 3.x 장치에서 지원되는 모바일 뷰어 제스처를 식별합니다.

제스처

플라이아웃 확대/축소

확대/축소

eCatalog

회전

드래그

패닝

패닝

패닝

패닝

누르기

플라이아웃 창 표시

사용자 인터페이스 표시 또는 숨기기

사용자 인터페이스 표시 또는 숨기기

사용자 인터페이스 표시 또는 숨기기

두 번 누르기

적용되지 않음

확대 또는 재설정

확대 또는 재설정

확대 또는 재설정

손가락을 모아 열기

적용되지 않음

확대(iOS 및 Android 3x에만 해당)

확대(iOS 및 Android 3x에만 해당)

확대(iOS 및 Android 3x에만 해당)

손가락을 모아 닫기

적용되지 않음

축소(iOS 및 Android 3x에만 해당)

축소(iOS 및 Android 3x에만 해당)

축소(iOS 및 Android 3x에만 해당)

살짝 밀기

견본 막대 스크롤

이미지 스크롤

페이지 스크롤

회전

긋기

견본 막대 스크롤

이미지 스크롤

페이지 스크롤

회전

[뷰어 사전 설정] 화면 정보

[뷰어 사전 설정] 화면에서 뷰어 사전 설정을 만들고 관리합니다. 이 화면을 열려면 [설정] > [뷰어 사전 설정] 을 클릭합니다.

[뷰어 사전 설정] 화면에서는 다음 작업을 위한 도구를 제공합니다.

사전 설정 추가
[추가] 를 클릭하고 [뷰어 사전 설정 추가] 대화 상자에서 선택합니다.

뷰어 사전 설정 추가 및 편집 을 참조하십시오.

사전 설정 편집
사전 설정을 선택하고 [편집] 을 클릭합니다.

뷰어 사전 설정 추가 및 편집 을 참조하십시오.

사전 설정 삭제
사전 설정을 선택하고 [삭제] 를 클릭합니다.

사전 설정에 현지화 지원 추가
[게시 설정]의 [이미지 서버]에 로케일 맵 문자열 값을 추가한 다음 Flash AS3 뷰어 사전 설정을 편집하고 현지화된 도구 설명 텍스트를 추가합니다.

Flash AS3 뷰어 사전 설정에 현지화 지원 추가 를 참조하십시오.

사전 설정 내보내기
새 뷰어 사전 설정을 만들고 추가할 때 기초로 사용할 수 있도록 HTML5 또는 Flash AS3 뷰어 사전 설정을 선택하고 [내보내기]를 클릭하여 뷰어 스킨을 다운로드합니다.

HTML5 또는 Flash AS3 뷰어 사전 설정 내보내기 를 참조하십시오.

[뷰어 사전 설정] 목록 필터링
다음 도구를 사용하여 목록을 필터링합니다.
  • [활성/비활성] 드롭다운 목록을 열고 선택 사항을 선택하여 활성 사전 설정, 비활성 사전 설정 또는 모든 사전 설정을 표시합니다.

  • 플랫폼 드롭다운 목록을 열고 Flash AS3 플랫폼용 뷰어만 표시하도록 선택하십시오.

  • [뷰어] 드롭다운 목록을 열고 선택 사항을 선택하여 특정 종류의 뷰어만 표시합니다. 모든 뷰어를 표시하려면 [모든 뷰어] 를 선택합니다.

사전 설정 정렬
열 머리글(활성, 유니버설, 유형, 사전 설정 또는 플랫폼)을 클릭하여 열의 목록을 정렬합니다. 목록을 내림차순(또는 오름차순)으로 정렬하려면 열 머리글을 다시 클릭합니다.

유니버설 뷰어 정보 를 참조하십시오.

사전 설정 활성화 및 비활성화
사전 설정을 선택하고 [활성] 선택 사항을 클릭하여 활성화하거나 비활성화합니다.

뷰어 사전 설정 활성화 또는 비활성화 를 참조하십시오.

[뷰어 사전 설정] 화면의 오른쪽에서 [미리 보기]를 클릭하여 선택한 뷰어 사전 설정에서 자산이 어떻게 표시되는지 확인합니다. 다른 자산을 보려면 [뷰어 사전 설정] 화면에서 [찾아보기]를 클릭하고 [자산 미리 보기 선택] 대화 상자에서 다른 자산을 선택할 수 있습니다.

뷰어 사전 설정 추가 및 편집

사용자 인터페이스의 [추가]를 사용하여 뷰어 사전 설정을 추가하는 것은 물론 [내보내기]를 사용하여 뷰어 사전 설정을 추가할 수도 있습니다. Flash AS3, 또는 HTML5에 대한 기존 뷰어 사전 설정을 내보낸 다음 새 사전 설정의 기초로 사용하면 됩니다.

HTML5 또는 Flash AS3 뷰어 사전 설정 내보내기 를 참조하십시오.

뷰어 사전 설정을 추가하고 편집하려면

  1. Scene7 Publishing System의 오른쪽 상단에서 설정 > 뷰어 사전 설정 을 클릭합니다.

    사전 설정 목록에서 필터링할 수 있습니다. 예를 들어 비디오 뷰어의 사전 설정만 표시하려면 테이블 바로 위의 도구 모음에 있는 [뷰어] 드롭다운 메뉴에서 [비디오 뷰어]를 선택합니다.

  2. [뷰어 사전 설정] 화면에서 뷰어 사전 설정을 추가하거나 편집합니다.

    추가
    도구 모음에서 추가 를 클릭합니다. [뷰어 사전 설정 추가] 대화 상자에서 플랫폼을 선택한 다음 리치 미디어 자산 유형을 선택합니다.

    뷰어 사전 설정을 만든 후 [다른 이름으로 저장] 을 클릭합니다.

    기존 뷰어 사전 설정에서 시작하여 추가
    테이블에서 비디오 뷰어 사전 설정을 선택하고 도구 모음에서 편집 을 클릭합니다.

    비디오 뷰어를 다시 구성한 후 다른 이름으로 저장 을 클릭하여 [사전 설정 이름] 텍스트 필드의 다른 이름으로 사전 설정을 저장합니다.

    편집
    기존 뷰어 사전 설정을 선택하고 편집 을 클릭합니다.

  3. [뷰어 구성] 화면의 [사전 설정 이름] 필드에서 사전 설정 이름을 입력하거나 편집합니다.

  4. 원하는 나머지 선택 사항을 설정합니다.

    참고: 비디오 뷰어의 크기를 인코딩된 비디오 자체의 해상도 크기로 자동으로 지정하려면 [소스와 동일]을 선택합니다. 이 선택 사항을 선택하면 [단계 너비]와 [단계 높이]를 입력할 수 없습니다. 대신 비디오 자체에서 이 선택 사항이 제공됩니다. [소스와 동일]을 선택하는 경우 비디오 재생 영역 외부의 스킨 치수를 반영하도록 [여백 크기] 선택 사항을 설정합니다. 이 여백 크기는 비디오 컨트롤의 픽셀 높이와 너비입니다. 다음 그림은 사용하려는 여백 크기를 결정하는 데 도움이 됩니다.
    전체 화면으로 그래픽 보기
    비디오 뷰어의 단계 높이 및 너비와 여백 높이 및 너비
  5. 다음 중 하나를 수행하십시오.

    • 기존 사전 설정에서 시작하여 뷰어 사전 설정을 추가한 경우 다른 이름으로 저장 을 클릭합니다.

    • 뷰어 사전 설정을 추가하거나 편집한 경우 저장 을 클릭합니다.

Flash AS3 뷰어 사전 설정에 현지화 지원 추가

Flash AS3 뷰어에 현지화된 도구 설명 텍스트를 추가할 수 있습니다.

이 기능을 수행하려면 먼저 이미지 서버에 로케일 맵 문자열을 정의합니다. 그런 다음 Flash AS3 뷰어 사전 설정의 도구 설명 텍스트를 편집합니다.

자산 현지화를 설정할 때 고려 사항 을 참조하십시오.

Scene7 Publishing System에는 일본어, 중국어 또는 한국어와 같은 동양 언어의 글꼴이 포함되어서는 안 됩니다. 일반적으로 이와 같은 언어에는 UTF-8 또는 다른 문자 집합이 필요합니다. 따라서 도구 설명 텍스트에 이러한 언어를 사용하려면 해당 로케일에서 Scene7에 로그온하고 원하는 도구 설명 값을 입력합니다. 또는 UTF-8로 도구 설명 텍스트를 입력합니다. 즉, 원하는 동양 언어를 실행하는 워드 프로세서에서 텍스트를 잘라서 붙여넣습니다.

아래 단계를 수행하여 뷰어에서 현지화된 도구 설명을 사용하는 기능 외에 사용할 수 있는 다른 방법이 있습니다. Viewer SDK에서 현지화된 도구 설명 및 현지화된 그래픽까지도 직접 뷰어에 추가할 수 있습니다. 지침은 Adobe 개발자 연결 에서 다운로드하여 사용할 수 있는 Adobe Scene7 Viewer SDK Adobe Flash용 Adobe Scene7 Viewer SDK PDF 설명에서 현지화 장을 참조하십시오.

참고: 현지화 지원 선택 사항을 설정하려면 Adobe Scene7 기술 지원에 문의하거나 s7support@adobe.com 요청 설정 도움말에 이메일을 보내십시오.
Flash AS3 뷰어 사전 설정에 현지화 지원을 추가하려면
  1. [설정] > [애플리케이션 설정] > [게시 설정] > [이미지 서버] 를 클릭합니다.

  2. [이미지 서버 게시] 패널에서 [현지화 지원] 섹션으로 스크롤합니다.

    참고: 현지화 지원 선택 사항을 설정하려면 Adobe Scene7 기술 지원에 문의하거나 s7support@adobe.com 요청 설정에 이메일을 보내십시오.
  3. [로케일 맵 문자열] 텍스트 필드에서 지원하려는 언어를 지정합니다.

    예를 들어 뷰어에서 영어, 스페인어 및 일본어를 지원하려는 경우 맵 문자열의 적절한 구문은 en,en,|es,es,|ja,ja, 입니다. 매개 변수는 LocaleStrMap 입니다.

    두 문자로 된 각 언어 쌍에서 첫 번째 두 문자 코드가 언어의 이름입니다. 두 문자 코드를 사용하는 대신 언어의 이름을 쓸 수도 있습니다(예: English, en, ). 사용하는 방법에 관계 없이, 여기서 지정한 언어 목록은 뷰어 사전 설정을 편집할 때 [로케일] 드롭다운 목록에 나타나는 언어 목록도 채웁니다. 또한 뷰어 URL의 viewerURL&locale=en 을 통해 현지화된 뷰어를 요청할 때 사용됩니다.

  4. [저장] 을 클릭한 다음 [확인] 을 클릭합니다.

  5. [설정] 화면의 왼쪽 패널에 있는 [애플리케이션 설정]에서 [뷰어] > [뷰어 사전 설정] 을 클릭합니다.

  6. [모든 플랫폼] 드롭다운 목록의 [설정] 도구 모음에서 [Flash AS3]을 선택합니다.

  7. 활성 [뷰어 사전 설정]을 선택한 다음 [설정] 도구 모음에서 [편집] 을 클릭합니다.

  8. [뷰어 구성] 화면의 [로케일] 드롭다운 목록에서 뷰어의 도구 설명을 현지화하여 표시할 언어를 선택합니다.

  9. [뷰어 구성] 화면의 왼쪽 패널에서 [일시 중단 재생 단추] 또는 [전체 화면 단추]와 같은 구성 요소 이름을 클릭합니다.

  10. 구성 요소의 도구 설명 텍스트 필드에서 선택한 언어 값을 입력합니다.

  11. [뷰어 구성] 화면의 오른쪽 아래 모서리에서 뷰어 사전 설정을 구성하는 여러 구성 요소의 도구 설명 값 입력을 마쳤으면 [다른 이름으로 저장] 을 클릭합니다.

  12. 추가 언어를 지원하려는 경우 8-10단계를 반복합니다.

  13. [새 사전 설정 이름으로 저장] 대화 상자에서 뷰어 사전 설정의 새 이름을 입력한 다음 [저장] 을 클릭합니다.

HTML5 또는 Flash AS3 뷰어 사전 설정 내보내기

새로운 HTML5 또는 Flash AS3 뷰어 사전 설정을 만드는 데 기초로 사용할 기존 HTML5 또는 Flash AS3 뷰어 사전 설정을 내보낼 수 있습니다. 이 내보내기 선택 사항은 뷰어를 처음부터 만들 필요가 없기 때문에 유용합니다. 대신, 원하는 사전 설정과 모양 및 동작이 비슷한 사전 설정을 내보내며, 이 사전 설정을 디자인 조정의 시작 지점으로 사용할 수 있습니다.

HTML5 뷰어 사전 설정을 내보내는 경우 내보낸 CSS 및 관련 Javascript를 편집할 수 있도록 HTML5 Viewer SDK가 설치되어 있는지 확인합니다. 마찬가지로, Flash AS3 뷰어 사전 설정을 내보내는 경우 내보낸 FLA 파일을 편집할 수 있도록 Adobe Flash Professional에 Flash Viewer SDK가 설치되어 있는지 확인합니다.

개발자 리소스 를 참조하십시오.

HTML5 또는 Flash AS3 뷰어 사전 설정을 내보내려면

  1. [설정] > [뷰어 사전 설정] 을 클릭합니다.

  2. [뷰어 사전 설정] 도구 모음의 왼쪽 두 번째 드롭다운 목록에서 HTML5 또는 Flash AS3 을 선택합니다.

  3. 왼쪽 세 번째 드롭다운 목록에서 [모든 뷰어] 를 선택합니다.

  4. 새 HTML5 또는 Flash AS3 뷰어 사전 설정의 기초로 사용하려는 뷰어 사전 설정을 선택합니다.

  5. 도구 모음에서 [내보내기] 를 클릭합니다.

  6. [선택한 자산 내보내기] 대화 상자에서 내보내기 제출 을 클릭합니다.

    Flash AS3 뷰어를 내보낸 경우 내보내기 후 압축된 FLA 파일이 생성됩니다. 또는 HTML5 뷰어를 내보낸 경우 CSS 파일이 생성됩니다. 파일을 다운로드하고 압축을 풉니다.

  7. 내보낸 뷰어 사전 설정에 따라 다음 중 하나를 수행합니다.

    • Adobe Flash Professional에서 FLA 파일을 열고 원하는 대로 변경합니다. 파일을 편집하기 전에 Scene7 Viewer Flash SDK가 설치되어 있는지 확인합니다.

      FLA 파일을 동영상으로 내보내고 결과 SWF 파일을 저장합니다.

    • CSS 편집기에서 CSS 파일을 열고 변경한 다음 파일을 저장합니다.

  8. SWF 파일이나 CSS 파일을 Scene7 Publishing System에 업로드합니다.

    파일 업로드 를 참조하십시오.

  9. SWF 파일 또는 CSS 파일을 Scene7 이미지 서버에 게시합니다.

    게시 파일 를 참조하십시오.

  10. 평상시처럼 새 뷰어 사전 설정을 추가합니다. 내보낸 뷰어에 따라 업로드한 뷰어 SWF 또는 뷰어 CSS 파일을 선택합니다.

    뷰어 사전 설정 추가 및 편집 을 참조하십시오.

뷰어 사전 설정 활성화 또는 비활성화

자산 표시에 사용할 URL을 만들려면 [미리 보기] 대화 상자에서 [사전 설정] 드롭다운 목록을 열고, 뷰어 사전 설정을 선택한 다음 [URL 복사]를 클릭합니다( 뷰어 사전 설정의 URL 복사 참조). 이 [사전 설정] 목록은 관리자가 [뷰어 사전 설정] 화면에서 추가하고 관리하는 뷰어 사전 설정을 제공합니다. 예를 들어 모든 활성 eCatalog 뷰어 사전 설정은 사용자가 eCatalog를 미리 볼 때 [미리 보기] 대화 상자의 [사전 설정] 드롭다운 목록에 표시됩니다.

[뷰어 사전 설정] 화면에서 뷰어 사전 설정을 비활성화하지 않으면 [미리 보기] 대화 상자의 [사전 설정] 드롭다운 목록이 가득 찰 수 있습니다.

뷰어 사전 설정을 활성화하거나 비활성화하려면

  1. [설정] > [뷰어 사전 설정]을 선택하여 [뷰어 사전 설정] 화면을 엽니다.

  2. [활성] 선택 사항을 선택하거나 선택 취소하여 뷰어 사전 설정을 활성화하거나 비활성화합니다.

뷰어 사전 설정의 URL 복사

자산을 게시하면 뷰어 사전 설정의 설정으로 자산을 표시하는 데 사용할 URL을 복사할 수 있습니다.

URL이 클립보드로 복사됩니다. 필요한 경우 이 URL을 웹 페이지, 모바일 장치 또는 애플리케이션의 HTML 코드에 사용할 수 있습니다.

뷰어 사전 설정의 URL을 복사하려면

  1. 찾아보기 패널에서 자산을 선택합니다.

  2. [자산 찾아보기] 패널 위의 도구 모음 오른쪽에서 다음 중 하나를 수행합니다.
    • [그리드 보기] 를 클릭합니다. [자산 찾아보기] 패널에서 단일 자산을 두 번 클릭하여 [세부 사항 보기]에서 엽니다. 오른쪽의 [URL 및 임베드 코드] 패널에서 원하는 뷰어의 오른쪽에 있는 [URL 복사] 를 클릭합니다.

    • [그리드 보기] 를 클릭합니다. [자산 찾아보기] 패널에서 단일 자산을 선택하고 썸네일 이미지 아래에서 [미리 보기] > [뷰어 목록] 을 클릭합니다.

      [뷰어 목록] 페이지에 있는 테이블의 [작업] 열에서 [URL 복사] 를 클릭합니다.

    • [목록 보기] 를 클릭합니다. [자산 찾아보기] 패널에서 단일 자산을 선택하고 썸네일 이미지 오른쪽에서 [미리 보기] > [뷰어 목록] 을 클릭합니다.

      [뷰어 목록] 페이지에 있는 테이블의 [작업] 열에서 [URL 복사] 를 클릭합니다.

    • [그리드 보기] , [목록 보기] 또는 [세부 사항 보기] 를 클릭합니다. 동일한 도구 모음에서 [미리 보기] > [뷰어 목록] 을 클릭합니다.

      [뷰어 목록] 페이지에 있는 테이블의 [작업] 열에서 [URL 복사] 를 클릭합니다.

뷰어 사전 설정의 포함 코드 복사

임베드 코드 기능을 사용하면 선택한 뷰어 사전 설정의 뷰어 코드를 검토할 수 있습니다. 또한 뷰어 배포를 위해 코드를 클립보드로 복사하여 웹 페이지에 붙여넣을 수도 있습니다.

코드 편집은 [임베드 코드] 대화 상자에서 허용되지 않습니다.

뷰어 사전 설정의 포함 코드를 복사하려면

  1. [자산 찾아보기 패널]에서 자산을 선택합니다.

  2. [자산 찾아보기] 패널 위의 도구 모음 오른쪽에서 다음 중 하나를 수행합니다.
    • [그리드 보기] 를 클릭합니다. [자산 찾아보기] 패널에서 단일 자산을 두 번 클릭하여 [세부 사항 보기]에서 엽니다. 오른쪽의 [URL] 패널에서 [임베드 코드] 를 클릭합니다.

    • [그리드 보기] 를 클릭합니다. [자산 찾아보기] 패널에서 단일 자산을 선택하고 썸네일 이미지 아래에서 [미리 보기] > [뷰어 목록] 을 클릭합니다.

      [뷰어 목록] 페이지에 있는 테이블의 [작업] 열에서 [임베드 코드] 를 클릭합니다.

    • [목록 보기] 를 클릭합니다. [자산 찾아보기] 패널에서 단일 자산을 선택하고 썸네일 이미지 오른쪽에서 [미리 보기] > [뷰어 목록] 을 클릭합니다.

      [뷰어 목록] 페이지에 있는 테이블의 [작업] 열에서 [임베드 코드] 를 클릭합니다.

    • [그리드 보기] , [목록 보기] 또는 [세부 사항 보기] 를 클릭합니다. 동일한 도구 모음에서 [미리 보기] > [뷰어 목록] 을 클릭합니다.

      [뷰어 목록] 페이지에 있는 테이블의 [작업] 열에서 [임베드 코드] 를 클릭합니다.

  3. [임베드 코드] 대화 상자에서 [클립보드에 복사] 를 클릭합니다.

  4. [닫기] 를 클릭합니다.

유니버설 뷰어 정보

참고: 유니버설 뷰어는 이전 버전용으로만 사용할 수 있습니다. 이 뷰어를 사용하는 것은 우수 사례가 아니므로 권장하지 않습니다. Scene7 Publishing System과 함께 제공되는 HTML5 뷰어를 사용하는 것이 좋습니다.

우수 사례: HTML5 비디오 뷰어 사용 을 참조하십시오.

Scene7 뷰어 사전 설정 호환성 매트릭스 도 참조하십시오.

유니버설 뷰어를 사용하면 모두 단일 URL에서 데스크톱, 스마트폰 및 태블릿과 같은 여러 화면에 비디오와 이미지를 게시할 수 있습니다.

과거에는 각 플랫폼이 Flash, HTML5 등의 서로 다른 기술을 지원했으므로 고유한 뷰어를 만들어야 했습니다. 그런 다음 각 환경을 전환하기 위해 고유한 장치 검색 기능을 작성해야 했습니다. 전체 프로세스에 훨씬 더 많은 개발 작업과 여러 URL의 유지 관리도 필요했습니다.

유니버설 뷰어를 설정하면 Scene7에서 웹 사이트, 모바일 사이트 및 모바일 앱에 배포하고 통합할 수 있는 단일 유니버설 URL을 제공합니다. 또한·Scene7·Publishing System은 자동으로 장치 검색을 수행하고 올바른 장치의 올바른 뷰어를 통해 고객에게 올바른 컨텐츠를 제공합니다.

유니버설 뷰어의 실제 설정은 [애플리케이션 설정]에서 수행됩니다. 설정할 수 있는 뷰어 유형에는 확대/축소, 이미지 집합, 견본 집합, 회전, eCatalog, 비디오 등이 포함됩니다.

고유한 명명된 유니버설 뷰어 프로필을 만들기 위한 기초로 기존 유니버설 뷰어 사전 설정을 사용할 수도 있습니다. 예를 들어 현지화 목적, 동일한 회사의 여러 사업부, 제품 범주 또는 각 계절(예: 봄 eCatalog 유니버설 뷰어 및 여름 eCatalog 유니버설 뷰어)에 맞게 동일한 유형의 여러 뷰어를 만들 수도 있습니다.

확대/축소 등의 각 뷰어 유형에 대해 타겟으로 지정된 플랫폼과 HTML 기반 뷰어, Flash 기술 기반 뷰어 등의 관련된 뷰어가 표시됩니다. 타겟으로 지정된 각 플랫폼에 대해 스마트폰, 태블릿, 데스크톱 등의 특정 장치에 사용하려는 뷰어를 드래그하여 놓습니다.

핸드헬드 스마트폰의 경우 Android 기반 및 Apple 기반 스마트폰이 지원됩니다. 태블릿의 경우 Android 기반 및 Apple 기반 태블릿이 지원됩니다. 데스크톱의 경우 Flash Player가 지원됩니다.

나중에 유니버설 뷰어의 설정을 편집하려면 Scene7 이미지 서버에 작업을 게시하여 변경 내용을 적용해야 합니다.

Scene7 뷰어 라이브러리 예 도 참조하십시오.

유니버설 뷰어 설정

참고: 유니버설 뷰어는 이전 버전용으로만 사용할 수 있습니다. 이 뷰어를 사용하는 것은 우수 사례가 아니므로 권장하지 않습니다. Scene7 Publishing System과 함께 제공되는 HTML5 뷰어를 사용하는 것이 좋습니다.

우수 사례: HTML5 비디오 뷰어 사용 을 참조하십시오.

Scene7 뷰어 사전 설정 호환성 매트릭스 도 참조하십시오.

유니버설 뷰어에서 설정할 수 있는 뷰어는 Scene7에 포함된 모든 사전 정의된 뷰어 사전 설정과 추가한 사용자 지정 뷰어의 조합입니다. 구현했지만 Scene7 Publishing System에 업로드하지 않은 모든 종류의 사용자 지정 뷰어는 제외됩니다.

뷰어 사전 설정에 나열된 뷰어를 보면 유니버설 뷰어에 노출되고 선택할 수 있는 뷰어를 확인할 수 있습니다.

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

기존 유니버설 뷰어 설정을 편집하는 경우 Scene7 이미지 서버에 작업을 게시하여 변경 내용을 적용해야 합니다.

유니버설 뷰어를 설정하려면

  1. [설정] 메뉴에서 [애플리케이션 설정] 을 클릭합니다.

  2. 왼쪽 패널의 [애플리케이션 설정] 트리에서 [뷰어] > [유니버설 뷰어] 를 클릭합니다.

  3. [유니버설 뷰어] 페이지의 왼쪽 위에서 뷰어 유형 탭을 클릭하거나 [새 프로필] 탭을 클릭하고 다음 중 하나를 수행합니다.

    클릭한 [뷰어 유형] 탭

    다음을 수행하십시오.

    확대/축소, 이미지 집합, 견본 집합, 회전 또는 eCatalog

    HTML 기반 뷰어 그룹 상자나 Adobe Flash용 뷰어 그룹 상자에서 사용하려는 뷰어를 끌어서 장치 화면에 놓습니다.

    뷰어를 포인터로 가리키면 뷰어와 호환되는 장치 화면이 사용자 인터페이스에서 강조 표시됩니다. 호환되지 않는 장치 화면은 희미하게 표시됩니다(사용할 수 없음).

    비디오

    유니버설 URL을 비디오에 사용하려면 각기 다른 비트 전송률로 인코딩된 비디오를 적응형 비디오 집합으로 그룹화해야 합니다. 이것은 동일한 비디오를 각기 다른 화면에서 재생하지 않도록 하기 위한 것입니다. 예를 들어 모바일 장치에는 일반적으로 낮은 비트 전송률의 비디오가 필요하지만 데스크톱 화면은 더 높은 비트 전송률을 수용할 수 있습니다.

    • 비디오 뷰어 그룹 상자에서 사용하려는 뷰어를 끌어서 데스크톱용 화면에 놓습니다.

      데스크톱 컴퓨터에서 응용 스트리밍을 지원하려면 AS3 "비디오" 뷰어를 사용하십시오.

    • [스마트폰] 텍스트 필드나 [태블릿] 텍스트 필드에 각 장치에서 재생할 타겟 비트 전송률을 입력합니다. 이러한 필드는 응용 스트리밍이 없는 경우에만 적용됩니다. eVideo 스트리밍 라이센스가 있는 고객의 경우 Apple iOS 장치에서 응용 스트리밍이 지원됩니다. 이 경우 검색된 대역폭에 따라 비디오 비트 전송률이 자동으로 선택됩니다. 또는 Scene7은 적응형 비디오 집합에서 타겟을 초과하지 않고 타겟에 가장 가까운 비트 전송률을 가진 비디오를 선택하고 점진적 다운로드를 통해 비디오를 재생합니다. 모바일 장치에는 내장된 기본 비디오 플레이어가 있으므로 뷰어가 없습니다.

    비트 전송률은 비디오 품질 수준을 나타내는 측정값입니다. 즉, 비트 전송률이 높을수록 비디오 품질이 향상됩니다. 반대로 비트 전송률이 낮을수록 비디오 품질이 저하됩니다. 예를 들어 스마트폰은 낮은 대역폭 연결에서 사용되는 경우가 많으므로 스마트폰에 대해 낮은 타겟 비트 전송률(Kbps)을 입력할 수 있습니다. 반면, 높은 대역폭 연결의 경우 고객이 Wi-Fi 연결을 사용 중일 가능성이 크기 때문에 태블릿에 대해 높은 비트 전송률을 입력할 수 있습니다. 타겟 비트 전송률을 스마트폰 범주에서는 "500"으로 설정하고 태블릿 범주에서는 "1000"으로 설정하는 것이 좋습니다.

    비디오 인코딩 우수 사례 를 참조하십시오.

    새 프로필

    • [새 프로필] 탭의 드롭다운 목록에서 새 유니버설 뷰어의 기초로 사용할 뷰어 사전 설정을 선택합니다.

    • [HTML 기반 뷰어] 그룹 상자나 [Adobe Flash용 뷰어] 그룹 상자에서 사용하려는 뷰어를 끌어서 장치 화면에 놓습니다.

      뷰어를 포인터로 가리키면 뷰어와 호환되는 장치 화면이 사용자 인터페이스에서 강조 표시됩니다. 호환되지 않는 장치 화면은 희미하게 표시됩니다(사용할 수 없음).

    • [새 프로필] 탭을 두 번 클릭하고 텍스트 필드에 새 유니버설 뷰어의 이름을 입력합니다.

  4. (선택 사항) [이미지 사전 설정 대체 선택] 드롭다운 목록에서 사용하려는 이미지 사전 설정의 이름을 선택합니다.

    Scene7에서 지원되지 않는 장치나 화면을 발견하면 드롭다운 목록에서 선택한 사전 설정을 사용하여 정적 이미지가 표시됩니다. 이 목록은 Scene7 Publishing System에서 만들고 추가한 이미지 사전 설정을 기반으로 합니다.

    이미지 사전 설정 만들기 및 편집 을 참조하십시오.

  5. [유니버설 뷰어] 페이지의 오른쪽 아래에서 [저장] 을 클릭합니다.

  6. [닫기] 를 클릭하여 [찾아보기] 페이지로 돌아갑니다.

유니버설 뷰어 미리 보기

참고: 유니버설 뷰어는 이전 버전용으로만 사용할 수 있습니다. 이 뷰어를 사용하는 것은 우수 사례가 아니므로 권장하지 않습니다. Scene7 Publishing System과 함께 제공되는 HTML5 뷰어를 사용하는 것이 좋습니다.

우수 사례: HTML5 비디오 뷰어 사용 을 참조하십시오.

Scene7 뷰어 사전 설정 호환성 매트릭스 도 참조하십시오.

설정한 유니버설 뷰어를 미리 보고 올바른 장치에 대한 올바른 뷰어를 선택했는지 확인할 수 있습니다.

유니버설 뷰어 설정을 변경해야 하는 경우 Scene7 이미지 서버에 작업을 게시하여 변경 내용을 적용해야 합니다.

Scene7 뷰어 참조 라이브러리 예 도 참조하십시오.

유니버설 뷰어를 미리 보려면

  1. 왼쪽의 자산 라이브러리 패널에서 뷰어로 미리 보려는 자산이 들어 있는 [자산] 폴더를 탐색합니다.

  2. [자산 찾아보기] 패널 위의 도구 모음 오른쪽에서 [그리드 보기] , [목록 보기] 또는 [세부 사항 보기] 를 클릭합니다.

  3. 사용 중인 보기에 따라 다음 중 하나를 수행합니다.

    • [그리드 보기] 또는 [목록 보기]의 [자산 찾아보기] 패널에서 단일 자산을 선택합니다. 썸네일 이미지 근처의 [미리 보기] 드롭다운 목록에서 [뷰어 목록] 을 선택합니다.

    • [그리드 보기], [목록 보기] 또는 [세부 사항 보기]의 [자산] 창 위의 도구 모음에 있는 [미리 보기] 드롭다운 목록에서 [뷰어 목록] 을 클릭합니다.

  4. 다음 중 하나를 수행하십시오.

    • [뷰어 목록] 테이블에서 열 머리글 플랫폼 유형 을 클릭하여 열을 오름차순이나 내림차순으로 정렬합니다.

      [플랫폼 유형] 열에서 플랫폼 유형이 [유니버설]인 뷰어의 이름을 찾고 보려는 뷰어의 행에서 [미리 보기] 를 클릭합니다.

    • [뷰어 목록] 테이블의 오른쪽 상단 모서리 근처의 [플랫폼] 드롭다운 목록에서 [유니버설] 을 선택하여 유니버설 플랫폼 유형의 테이블을 필터링합니다.

      보려는 [유니버설 뷰어]의 행에서 [미리 보기] 를 클릭합니다.

  5. 브라우저 팝업 창에서 표시된 뷰어를 닫아 [뷰어 목록] 화면으로 돌아갑니다.

  6. 화면의 오른쪽 아래 모서리에서 [닫기] 를 클릭하여 [자산] 창으로 돌아갑니다.

유니버설 뷰어 URL 복사

참고: 유니버설 뷰어는 이전 버전용으로만 사용할 수 있습니다. 이 뷰어를 사용하는 것은 우수 사례가 아니므로 권장하지 않습니다. Scene7 Publishing System과 함께 제공되는 HTML5 뷰어를 사용하는 것이 좋습니다.

우수 사례: HTML5 비디오 뷰어 사용 을 참조하십시오.

Scene7 뷰어 사전 설정 호환성 매트릭스 도 참조하십시오.

[뷰어 목록] 창이나 [세부 사항 보기] 창에서 유니버설 URL을 복사할 수 있습니다.

유니버설 뷰어 URL을 복사하려면

  1. 왼쪽의 자산 라이브러리 패널에서 URL을 복사하려는 자산이 들어 있는 [자산] 폴더를 탐색합니다.

  2. 다음을 수행하십시오.

  3. 유니버설 URL 복사 시 사용 수단

    다음 중 하나를 수행하십시오.

    뷰어 목록

    • [자산] 창 위의 도구 모음 오른쪽에서 [그리드 보기] 를 클릭합니다. [자산] 창의 자산 썸네일 이미지 아래에서 [미리 보기] > [뷰어 목록] 을 클릭합니다.

    • [자산] 창 위의 도구 모음 오른쪽에서 [목록 보기] 를 클릭합니다. [자산] 창에서 자산을 선택하고 썸네일 이미지 오른쪽에서 [미리 보기] > [뷰어 목록] 을 클릭합니다.

    • [자산] 창 위의 도구 모음 오른쪽에서 [세부 사항 보기] 를 클릭합니다. 동일한 도구 모음에서 [미리 보기] > [뷰어 목록] 을 클릭합니다.

    세부 사항 보기

    • [자산] 창 위의 도구 모음 오른쪽에서 [그리드 보기] 를 클릭합니다. [자산] 창에서 단일 자산의 썸네일 이미지를 두 번 클릭하여 [세부 사항 보기]에서 엽니다.

  4. 이 단계는 [그리드 보기] 또는 [목록 보기]의 선택 사항이며 [세부 사항 보기]에서는 적용되지 않습니다. [뷰어 목록] 창의 왼쪽 아래 모서리에 있는 [URL 복사 생성용 URL 인코딩] 드롭다운 목록에서 복사할 때 자산 URL에 적용할 URL 인코딩을 선택합니다.

  5. 다음 중 하나를 수행하십시오.
    • [뷰어 목록] 창을 통해 액세스하는 경우 플랫폼 유형이 [유니버설]인 행에서 [URL 복사] 를 클릭합니다.

    • [세부 사항 보기]를 통해 액세스하는 경우 [URL] 패널의 [유니버설 사전 설정] 머리글에서 [URL 복사] 를 클릭합니다.

유니버설 뷰어의 임베드 코드 복사

참고: 유니버설 뷰어는 이전 버전용으로만 사용할 수 있습니다. 이 뷰어를 사용하는 것은 우수 사례가 아니므로 권장하지 않습니다. Scene7 Publishing System과 함께 제공되는 HTML5 뷰어를 사용하는 것이 좋습니다.

우수 사례: HTML5 비디오 뷰어 사용 을 참조하십시오.

Scene7 뷰어 사전 설정 호환성 매트릭스 도 참조하십시오.

임베드 코드 기능을 사용하면 선택한 유니버설 뷰어의 뷰어 코드를 검토할 수 있습니다. 또한 뷰어 배포를 위해 코드를 클립보드로 복사하여 웹 페이지에 붙여넣을 수도 있습니다. 코드 편집은 [임베드 코드] 대화 상자에서 허용되지 않습니다.

유니버설 뷰어의 임베드 코드를 복사하려면

  1. 왼쪽의 [자산 라이브러리] 패널에서 유니버설 뷰어 임베드 코드를 복사하려는 자산이 들어 있는 자산 폴더를 탐색합니다.

  2. [자산 찾아보기] 패널 위의 도구 모음 오른쪽에서 다음 중 하나를 수행합니다.
    • [그리드 보기] 를 클릭합니다. [자산 찾아보기] 패널에서 단일 자산을 두 번 클릭하여 [세부 사항 보기]에서 엽니다. 오른쪽에 있는 [URL 및 임베드 코드] 패널의 [유니버설 사전 설정]에서 원하는 뷰어의 오른쪽에 있는 [임베드 코드] 를 클릭합니다.

    • [그리드 보기] 를 클릭합니다. [자산 찾아보기] 패널에서 단일 자산을 선택하고 썸네일 이미지 아래에서 [미리 보기] > [뷰어 목록] 을 클릭합니다.

      [뷰어 목록] 페이지에 있는 테이블의 [작업] 열에서 플랫폼 유형이 유니버설인 뷰어의 오른쪽에 있는 [임베드 코드] 를 클릭합니다.

    • [목록 보기] 를 클릭합니다. [자산 찾아보기] 패널에서 단일 자산을 선택하고 썸네일 이미지 오른쪽에서 [미리 보기] > [뷰어 목록] 을 클릭합니다.

      [뷰어 목록] 페이지에 있는 테이블의 [작업] 열에서 플랫폼 유형이 유니버설인 뷰어의 오른쪽에 있는 [임베드 코드] 를 클릭합니다.

    • [그리드 보기] , [목록 보기] 또는 [세부 사항 보기] 를 클릭합니다. 동일한 도구 모음에서 [미리 보기] > [뷰어 목록] 을 클릭합니다.

      [뷰어 목록] 페이지에 있는 테이블의 [작업] 열에서 플랫폼 유형이 유니버설인 뷰어의 오른쪽에 있는 [임베드 코드] 를 클릭합니다.

  3. [임베드 코드] 대화 상자의 텍스트 필드에서 유니버설 뷰어 임베드 코드의 타겟 DIV 계층 이름을 지정합니다.

    원하는 이름을 지정할 수 있습니다. 이 이름은 DIV 계층의 구성을 유지하는 데 도움이 되고 임베드 코드의 setTargetDiv 태그에서 사용됩니다.

  4. [임베드 코드 가져오기] 를 클릭합니다.

    코드 편집은 [임베드 코드] 대화 상자에서 허용되지 않습니다.

  5. [클립보드에 복사] 를 클릭합니다.

  6. [닫기] 를 클릭합니다.