대화형 비디오 뷰어

마지막 업데이트: 2024년 7월 22일
  • 주제:

작성 대상:

  • 개발자
  • 사용자

대화형 비디오 뷰어에 대한 JavaScript API 참조입니다.

InteractiveVideoViewer([config])

생성자, 대화형 비디오 뷰어 인스턴스를 만듭니다.

매개 변수

구성

{object} 선택적 JSON 구성 개체로, 개별 setter 메서드를 호출하지 않도록 모든 뷰어 설정을 생성자에게 전달할 수 있습니다. 다음 속성을 포함합니다.

  • 뷰어가 삽입되는 DOM 컨테이너(일반적으로 DIV )의 containerId - {String} ID. 이 메서드가 호출될 때 컨테이너 요소를 만들 필요가 없습니다. 그러나 init() 을(를) 실행할 때는 컨테이너가 있어야 합니다.

    필수.

  • 매개 변수 - {Object} JSON 개체와 뷰어 구성 매개 변수 포함. 여기서 속성 이름은 뷰어별 구성 옵션 또는 SDK 한정자이고 해당 속성 값은 해당 설정 값입니다.

    필수.

  • 처리기 - {Object} 뷰어 이벤트 콜백이 있는 JSON 개체. 여기서 속성 이름은 지원되는 뷰어 이벤트 이름이고 속성 값은 적절한 콜백에 대한 JavaScript 함수 참조입니다.

    선택적.

    뷰어 이벤트에 대한 자세한 내용은 이벤트 콜백을(를) 참조하십시오.

  • 로컬라이제이션 데이터가 있는 localizedText - {Object} JSON 개체. 선택적.

    자세한 내용은 사용자 인터페이스 요소 의 지역화를 참조하십시오.

    개체 콘텐츠에 대한 자세한 내용은 Viewer SDK 사용 안내서 와 예제를 참조하십시오.

반환

없음.

예 

var interactiveVideoViewer = new s7viewers.InteractiveVideoViewer({
 "containerId":"s7viewer",
"params":{
 "asset":"/content/dam/mac/aodmarketingna/dm-viewers-content/video/Glacier.mp4",
"config":"/etc/dam/presets/viewer/Shoppable_Video_Dark",
 "serverurl":"https://aodmarketingna.assetsadobe.com/is/image/",
 "videoserverurl":"https://gateway-na.assetsadobe.com/DMGateway/public/aodmarketingna",
 "contenturl":"https://aodmarketingna.assetsadobe.com/",
"interactivedata":"is/content/content/dam/mac/aodmarketingna/_VTT/dm-viewers-content/video/Glacier.mp4.svideo.vtt"
},
"handlers":{
 "initComplete":function() {
  console.log("init complete");
}
},
"localizedTexts":{
"en":{
"VideoPlayer.ERROR":"Your Browser does not support HTML5 Video tag or the video cannot be played."
},
"fr":{
"VideoPlayer.ERROR":"Votre navigateur ne prend pas en charge la vidéo HTML5 tag ou la vidéo ne peuvent pas être lus."
},
defaultLocale:"en"
}
});

Experience Manager