Viewer SDK 네임스페이스
작성 대상:
- 개발자
- 사용자
이 뷰어는 많은 Viewer SDK 구성 요소로 구성됩니다. 일반적으로 웹 페이지는 SDK 구성 요소 API와 직접 상호 작용할 필요가 없으며 모든 일반적인 요구 사항은 뷰어 API 자체에서 다룹니다.
그러나 일부 고급 사용 사례에서는 웹 페이지가 getComponent()
뷰어 API를 사용하여 내부 SDK 구성 요소를 참조한 다음 SDK 자체의 모든 API를 유연하게 사용해야 합니다.
뷰어에서 SDK 구성 요소를 로드하고 초기화하는 데 사용되는 네임스페이스는 뷰어가 작동하는 환경에 따라 다릅니다. 뷰어가 Adobe Experience Manager에서 실행 중인 경우 뷰어는 SDK 구성 요소를 s7viewers.s7sdk
네임스페이스로 로드합니다. 마찬가지로 Dynamic Media Classic에서 제공하는 뷰어가 SDK를 s7classic.s7sdk
에 로드합니다.
두 경우 모두 뷰어 내에서 SDK가 사용하는 네임스페이스에 s7viewers
또는 s7classic
이(가) 접두사로 사용됩니다. 또한 SDK 사용 설명서나 SDK API 설명서에 사용된 일반 s7sdk
네임스페이스와 다릅니다. 따라서 내부 뷰어 구성 요소와 통신하는 사용자 지정 애플리케이션 코드를 작성할 때 정규화된 SDK 네임스페이스를 사용하는 것이 중요합니다.
예를 들어, StatusEvent.NOTF_VIEW_READY
이벤트를 수신하려고 하며 뷰어가 Experience Manager에서 제공되는 경우 정규화된 이벤트 유형은 s7viewers.s7sdk.event.StatusEvent.NOTF_VIEW_READY
이며 이벤트 리스너 코드는 다음과 비슷합니다.
<instance>.setHandlers({
"initComplete":function() {
var spinView = <instance>.getComponent("spinView");
spinView.addEventListener(s7viewers.s7sdk.event.StatusEvent.NOTF_VIEW_READY, function(e) {
console.log("view ready");
}, false);
}
});
The same code for the viewer served from Dynamic Media Classic looks like the following:
<instance>.setHandlers({
"initComplete":function() {
var spinView = <instance>.getComponent("spinView");
spinView.addEventListener(s7classic.s7sdk.event.StatusEvent.NOTF_VIEW_READY, function(e) {
console.log("view ready");
}, false);
}
});
Experience Manager
- Dynamic Media 뷰어 참조 안내서
- 뷰어 라이브러리 예
- 시스템 요구 사항
- 동일한 서버에 여러 뷰어 설치
- 뷰어 릴리스 정보
- Viewers 릴리스 노트 (5.16.5)
- 보관
- Viewers 릴리스 노트 (5.16.1)
- Viewers 릴리스 노트 (5.15.3)
- 뷰어 릴리스 정보 (5.14.1)
- 뷰어 릴리스 정보 (5.13.1)
- 뷰어 릴리스 정보 (5.12.1)
- 뷰어 릴리스 정보 (5.10.1)
- Viewers 릴리스 정보 (5.8.2)
- Viewers 릴리스 정보 (5.5.2)
- Viewers 릴리스 정보 (5.4.2)
- Viewers 릴리스 정보 (5.2.3)
- Viewers 릴리스 정보 (5.2.2)
- Viewers 릴리스 정보 (5.1.1)
- Viewers 릴리스 정보 (5.0.1)
- Viewers 릴리스 노트 (4.9.2)
- 호환성 정보
- 키보드 접근성 및 탐색
- Viewer SDK 자습서
- AEM Assets 및 Dynamic Media Classic용 뷰어
- AEM Assets 및 Dynamic Media Classic 뷰어
- 기본 확대/축소
- 전자 카탈로그
- eCatalog
- 명령 참조 - 구성 특성
- 명령 참조 - 구성 속성
- 닫기 단추
- ControlBar.transition
- 방향
- EmailShare.emailurl
- EmbedShare.embedsizes
- FavoritesEffect.expiration
- FavoritesMenu.bearing
- FavoritesView.align
- FavoritesView.favoritesThumbView
- FavoritesView.fmt
- FavoritesView.iscommand
- FavoritesView.maxloadradius
- FavoritesView.textpos
- ImageMapEffect.mapTips
- ImageMapEffect.mode
- ImageMapEffect.rollover
- InfoPanelPopup.infoServerUrl
- InfoPanelPopup.showhidetransition
- InfoPanelPopup.template
- 초기 프레임
- PageView.doubleclick
- PageView.enableHD
- PageView.fmt
- PageView.frametransition
- PageView.iconEffect
- PageView.iscommand
- PageView.maxloadradius
- PageView.pageturnstyle
- PageView.singleclick
- PageView.transition
- PageView.zoomstep
- 세로 프레임
- Print.printquality
- SocialShare.bearing
- TableOfContents.bearing
- TableOfContents.maxitems
- TableOfContents.showdefault
- ThumbnailGridView.align
- ThumbnailGridView.enabledragging
- ThumbnailGridView.fmt
- ThumbnailGridView.maxloadradius
- ThumbnailGridView.scrollbar
- ThumbnailGridView.textpos
- eCatalog 뷰어에 대한 JavaScript API 참조
- 이벤트 콜백
- eCatalog 뷰어 사용자 지정
- eCatalog 뷰어 사용자 지정
- 즐겨찾기 단추 추가
- 닫기 단추
- 다운로드
- 이메일 공유
- 공유 포함
- Facebook 공유
- 즐겨찾기 메뉴
- 즐겨찾기 효과
- 즐겨찾기 보기
- 첫 페이지 단추
- 포커스 강조 표시
- 전체 화면 단추
- 아이콘 효과
- 이미지 맵 효과
- 정보 패널 팝업
- 다음 페이지 크게 단추
- 마지막 페이지 단추
- 큰 이전 페이지 단추
- 링크 공유
- 주 제어 막대
- 기본 뷰어 영역
- 다음 페이지 단추
- 페이지 표시기
- 페이지 보기
- 이전 페이지 단추
- 인쇄
- 즐겨찾기 단추 제거
- 보조 컨트롤 막대
- 소셜 공유
- 목차
- 축소판
- 축소판 단추
- 툴팁
- Twitter 공유
- 모든 즐겨찾기 보기 단추
- 확대 단추
- 축소 단추
- 확대/축소 재설정 단추
- Adobe Analytics 추적 지원
- 보조 기술 지원
- 사용자 인터페이스 요소의 현지화
- 이미지 맵 지원
- 페이지 레이블 관리
- 전체 화면 지원
- 인쇄 기능
- 다운로드
- 즐겨찾기 기능
- Viewer SDK 네임스페이스
- 전자 카탈로그 검색
- eCatalog 검색
- 명령 참조 - 구성 특성
- 명령 참조 - 구성 속성
- 닫기 단추
- ControlBar.transition
- 방향
- EmailShare.emailurl
- EmbedShare.embedsizes
- FavoritesEffect.expiration
- FavoritesMenu.bearing
- FavoritesView.align
- FavoritesView.favoritesThumbView
- FavoritesView.fmt
- FavoritesView.iscommand
- FavoritesView.maxloadradius
- FavoritesView.textpos
- ImageMapEffect.mapTips
- ImageMapEffect.mode
- ImageMapEffect.rollover
- InfoPanelPopup.infoServerUrl
- InfoPanelPopup.showhidetransition
- InfoPanelPopup.template
- 초기 프레임
- PageView.doubleclick
- PageView.enableHD
- PageView.fmt
- PageView.frametransition
- PageView.iconEffect
- PageView.iscommand
- PageView.maxloadradius
- PageView.pageturnstyle
- PageView.singleclick
- PageView.transition
- PageView.zoomstep
- 세로 프레임
- Print.printquality
- SearchPanel.align
- SearchPanel.fmt
- SearchPanel.iscommand
- SearchPanel.maxloadradius
- SearchPanel.textpos
- searchServerUrl
- SocialShare.bearing
- TableOfContents.bearing
- TableOfContents.maxitems
- TableOfContents.showdefault
- ThumbnailGridView.align
- ThumbnailGridView.enabledragging
- ThumbnailGridView.fmt
- ThumbnailGridView.maxloadradius
- ThumbnailGridView.scrollbar
- ThumbnailGridView.textpos
- eCatalog 검색 뷰어에 대한 JavaScript API 참조
- 이벤트 콜백
- 전자 카탈로그 검색 뷰어 사용자 지정
- eCatalog 검색 뷰어 사용자 지정
- 즐겨찾기 단추 추가
- 닫기 단추
- 다운로드
- 이메일 공유
- 공유 포함
- Facebook 공유
- 즐겨찾기 효과
- 즐겨찾기 메뉴
- 즐겨찾기 보기
- 첫 페이지 단추
- 포커스 강조 표시
- 전체 화면 단추
- 아이콘 효과
- 정보 패널 팝업
- 이미지 맵 효과
- 다음 페이지 크게 단추
- 큰 이전 페이지 단추
- 마지막 페이지 단추
- 링크 공유
- 주 제어 막대
- 기본 뷰어 영역
- 다음 페이지 단추
- 페이지 표시기
- 페이지 보기
- 이전 페이지 단추
- 인쇄
- 즐겨찾기 단추 제거
- 검색 단추
- 검색 효과
- 검색 결과 패널
- 보조 컨트롤 막대
- 소셜 공유
- 목차
- 축소판
- 축소판 단추
- 툴팁
- Twitter 공유
- 모든 즐겨찾기 보기 단추
- 확대 단추
- 축소 단추
- 확대/축소 재설정 단추
- Adobe Analytics 추적 지원
- 보조 기술 지원
- 사용자 인터페이스 요소의 현지화
- 이미지 맵 지원
- 페이지 레이블 관리
- 인쇄 기능
- 전체 화면 지원
- 다운로드
- 검색 기능
- Viewer SDK 네임스페이스
- 플라이아웃
- 플라이아웃
- 명령 참조 - 구성 특성
- 명령 참조 - 구성 속성
- FlyoutZoomView.flyouttransition
- FlyoutZoomView.fmt
- FlyoutZoomView.frametransition
- FlyoutZoomView.highlightmode
- FlyoutZoomView.imagereload
- FlyoutZoomView.iscommand
- FlyoutZoomView.overlay
- FlyoutZoomView.preloadtiles
- FlyoutZoomView.tip
- FlyoutZoomView.zoomfactor
- Swatches.align
- Swatches.buttonsnapmode
- Swatches.direction
- Swatches.enabledragging
- Swatches.iscommand
- Swatches.maxloadradius
- Swatches.pagemode
- Swatches.partialswatches
- Swatches.scrollstep
- 플라이아웃 뷰어에 대한 JavaScript API 참조
- 이벤트 콜백
- 플라이아웃 뷰어 사용자 지정
- Adobe Analytics 추적 지원
- 보조 기술 지원
- 사용자 인터페이스 요소의 현지화
- Viewer SDK 네임스페이스
- 인라인 확대/축소
- 인라인 확대/축소
- 명령 참조 - 구성 특성
- 명령 참조 - 구성 속성
- FlyoutZoomView.flyouttransition
- FlyoutZoomView.fmt
- FlyoutZoomView.frametransition
- FlyoutZoomView.imagereload
- FlyoutZoomView.iscommand
- FlyoutZoomView.preloadtiles
- FlyoutZoomView.tip
- FlyoutZoomView.zoomfactor
- Swatches.align
- Swatches.buttonsnapmode
- Swatches.direction
- Swatches.enabledragging
- Swatches.iscommand
- Swatches.maxloadradius
- Swatches.pagemode
- Swatches.partialswatches
- Swatches.scrollstep
- 인라인 확대/축소 뷰어에 대한 JavaScript API 참조
- 이벤트 콜백
- 인라인 확대/축소 뷰어 사용자 지정
- Adobe Analytics 추적 지원
- 보조 기술 지원
- 사용자 인터페이스 요소의 현지화
- Viewer SDK 네임스페이스
- 혼합 미디어
- 혼합 미디어
- 명령 참조 - 구성 특성
- 명령 참조 - 구성 속성
- closebutton
- ControlBar.transition
- FlyoutZoomView.fmt
- FlyoutZoomView.imagereload
- FlyoutZoomView.preloadtiles
- FlyoutZoomView.tip
- SpinView.doubleclick
- SpinView.enableHD
- SpinView.fmt
- SpinView.iconeffect
- SpinView.iscommand
- SpinView.lockdirection
- SpinView.maxloadradius
- SpinView.sensitivity
- SpinView.singleclick
- SpinView.transition
- SpinView.zoomstep
- Swatches.align
- Swatches.buttonsnapmode
- Swatches.direction
- Swatches.enabledragging
- Swatches.fmt
- Swatches.iscommand
- Swatches.maxloadradius
- Swatches.pagemode
- Swatches.partialswatches
- Swatches.scrollstep
- Swatches.textpos
- swatchoverlay
- VideoPlayer.autoplay
- VideoPlayer.iconeffect
- VideoPlayer.initialbitrate
- VideoPlayer.loop
- VideoPlayer.mutevolume
- VideoPlayer.playback
- VideoPlayer.posterimage
- VideoPlayer.preload
- VideoPlayer.progressivebitrate
- VideoPlayer.singleclick
- VideoPlayer.ssl
- VideoPlayer.waiticon
- VideoScrubber.showtime
- VideoScrubber.timepattern
- VideoTime.timepattern
- 확대/축소 모드
- ZoomView.doubleclick
- ZoomView.enableHD
- ZoomView.fmt
- ZoomView.iconeffect
- ZoomView.iscommand
- ZoomView.reset
- ZoomView.rgn
- ZoomView.rgnN
- ZoomView.singleclick
- ZoomView.transition
- ZoomView.zoomstep
- 혼합 미디어 뷰어에 대한 JavaScript API 참조
- 이벤트 콜백
- 혼합 미디어 뷰어 사용자 지정
- Adobe Analytics 추적 지원
- 보조 기술 지원
- HTTPS 비디오 게재
- 사용자 인터페이스 요소의 현지화
- 전체 화면 지원
- Viewer SDK 네임스페이스
- 회전
- 비디오
- 비디오
- 명령 참조 - 구성 특성
- 명령 참조 - 구성 속성
- ControlBar.transition
- EmailShare.emailurl
- EmbedShare.embedsizes
- SocialShare.bearing
- VideoPlayer.autoplay
- VideoPlayer.iconeffect
- VideoPlayer.initialbitrate
- VideoPlayer.loop
- VideoPlayer.mutevolume
- VideoPlayer.playback
- VideoPlayer.posterimage
- VideoPlayer.preload
- VideoPlayer.progressivebitrate
- VideoPlayer.singleclick
- VideoPlayer.ssl
- VideoPlayer.waiticon
- VideoScrubber.chaptertimepattern
- VideoScrubber.showchaptertime
- VideoScrubber.showchaptertitle
- VideoScrubber.timepattern
- VideoTime.timepattern
- 명령 참조 - URL
- 비디오 뷰어에 대한 JavaScript API 참조
- 이벤트 콜백
- 비디오 뷰어 사용자 지정
- Adobe Analytics 추적 지원
- 보조 기술 지원
- HTTP 비디오 전달
- 사용자 인터페이스 요소의 현지화
- 전체 화면 지원
- 외부 비디오 지원
- Viewer SDK 네임스페이스
- 확대/축소
- 확대/축소
- 명령 참조 - 구성 특성
- 명령 참조 - 구성 속성
- closebutton
- Swatches.align
- Swatches.buttomsnapmode
- Swatches.direction
- Swatches.enabledragging
- Swatches.fmt
- Swatches.iscommand
- Swatches.maxloadradius
- Swatches.pagemode
- Swatches.partialswatches
- Swatches.scrollstep
- swatchoverlay
- ZoomView.doubleclick
- ZoomView.enableHD
- ZoomView.fmt
- ZoomView.frametransition
- ZoomView.iconeffect
- ZoomView.iscommand
- ZoomView.reset
- ZoomView.singleclick
- ZoomView.transition
- ZoomView.zoomstep
- 확대/축소 뷰어에 대한 JavaScript API 참조
- 이벤트 콜백
- 확대/축소 뷰어 사용자 지정
- Adobe Analytics 추적 지원
- 보조 기술 지원
- 사용자 인터페이스 요소의 현지화
- 전체 화면 지원
- Viewer SDK 네임스페이스
- AEM Assets 전용 뷰어
- AEM Assets 전용 뷰어
- 회전 메뉴
- 대화형 이미지
- 대화형 비디오
- 대화형 비디오
- 명령 참조 - 구성 특성
- 명령 참조 - 구성 속성
- CallToAction.align
- CallToAction.direction
- CallToAction.enabledragging
- CallToAction.fmt
- CallToAction.maxloadradius
- CallToAction.scrollbar
- CallToAction.textpos
- callToActionRecapp
- ControlBar.transition
- InteractiveSwatches.autoscroll
- InteractiveSwatches.direction
- InteractiveSwatches.displaymode
- InteractiveSwatches.enabledragging
- InteractiveSwatches.fmt
- InteractiveSwatches.maxloadradius
- InteractiveSwatches.scrollstep
- InteractiveSwatches.textpos
- SocialShare.bearing
- VideoPlayer.autoplay
- VideoPlayer.iconeffect
- VideoPlayer.initialbitrate
- VideoPlayer.loop
- VideoPlayer.mutevolume
- VideoPlayer.playback
- VideoPlayer.posterimage
- VideoPlayer.preload
- VideoPlayer.progressivebitrate
- VideoPlayer.singleclick
- VideoPlayer.ssl
- VideoPlayer.waiticon
- VideoScrubber.chaptertimepattern
- VideoScrubber.showchaptertime
- VideoScrubber.showchaptertitle
- VideoScrubber.timepattern
- VideoTime.timepattern
- 명령 참조 - URL
- 대화형 비디오 뷰어에 대한 JavaScript API 참조
- 이벤트 콜백
- 대화형 비디오 뷰어 사용자 지정
- Adobe Analytics 추적 지원
- 보조 기술 지원
- HTTPS 비디오 게재
- 대화형 데이터 지원
- 사용자 인터페이스 요소의 현지화
- 전체 화면 지원
- Viewer SDK 네임스페이스
- 스마트 자르기 비디오
- 스마트 자르기 비디오
- 명령 참조 - 구성 특성
- 명령 참조 - 구성 속성
- ControlBar.transition
- EmailShare.emailurl
- EmbedShare.embedsizes
- SocialShare.bearing
- SmartCropVideoPlayer.autoplay
- SmartCropVideoPlayer.iconeffect
- SmartCropVideoPlayer.initialbitrate
- SmartCropVideoPlayer.loop
- SmartCropVideoPlayer.mutevolume
- SmartCropVideoPlayer.playback
- SmartCropVideoPlayer.posterimage
- SmartCropVideoPlayer.preload
- SmartCropVideoPlayer.progressivebitrate
- SmartCropVideoPlayer.singleclick
- SmartCropVideoPlayer.ssl
- SmartCropVideoPlayer.waiticon
- VideoScrubber.chaptertimepattern
- VideoScrubber.showchaptertime
- VideoScrubber.showchaptertitle
- VideoScrubber.timepattern
- VideoTime.timepattern
- 명령 참조 - URL
- 스마트 자르기 비디오 뷰어에 대한 JavaScript API 참조
- 이벤트 콜백
- 스마트 자르기 비디오 뷰어 사용자 지정
- Adobe Analytics 추적 지원
- HTTPS 비디오 게재
- 보조 기술 지원
- 사용자 인터페이스 요소의 현지화
- 전체 화면 지원
- 외부 비디오 지원
- Viewer SDK 네임스페이스
- Video360
- Video360
- 명령 참조 - 구성 특성
- 명령 참조 - 구성 속성
- ControlBar.transition
- EmbedShare.embedsizes
- SocialShare.bearing
- Video360Player.autoplay
- Video360Player.iconeffect
- Video360Player.initialbitrate
- Video360Player.loop
- Video360Player.mutevolume
- Video360Player.playback
- Video360Player.posterimage
- Video360Player.preload
- Video360Player.progressivebitrate
- Video360Player.singleclick
- Video360Player.ssl
- Video360Player.vrrender
- Video360Player.waiticon
- VideoScrubber.timepattern
- VideoTime.timepattern
- 명령 참조 - URL
- Video360 뷰어에 대한 JavaScript API 참조
- 이벤트 콜백
- Video360 뷰어 사용자 지정
- Adobe Analytics 추적 지원
- HTTPS 비디오 게재
- 보조 기술 지원
- 사용자 인터페이스 요소의 현지화
- 전체 화면 지원
- 외부 비디오 지원
- Viewer SDK 네임스페이스
- 모든 뷰어에 공통되는 명령 참조 - 구성 특성
- 모든 뷰어에 대해 공통되는 명령 참조 - URL