InteractiveVideoViewer

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

InteractiveVideoViewer([config])

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

매개 변수

config

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

  • containerId - {String} DOM 컨테이너의 ID(일반적으로 DIV ) 내의 아무 곳에나 삽입할 수 있습니다. 이 메서드가 호출될 때까지 컨테이너 요소를 만들 필요가 없습니다. 그러나 이 컨테이너는 init() 가 실행됩니다.

    필수.

  • params - {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"
}
});

이 페이지에서는