대화형 비디오 뷰어

마지막 업데이트: 2023-05-22
  • 작성 대상:
  • Developer
    User

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

InteractiveVideoViewer([config])

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

매개 변수

config

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

  • containerId - {String} DOM 컨테이너 ID(일반적으로 DIV )을 클릭하여 뷰어를 삽입합니다. 이 메서드가 호출될 때 컨테이너 요소를 만들 필요가 없습니다. 단, 컨테이너는 다음과 같은 경우에 존재해야 합니다. init() 가 실행되었습니다.

    필수.

  • 매개 변수 - {Object} 속성 이름이 뷰어별 구성 옵션 또는 SDK 수정자이고 해당 속성 값이 해당 설정 값인 뷰어 구성 매개 변수가 있는 JSON 개체입니다.

    필수.

  • 핸들러 - {Object} 속성 이름이 지원되는 뷰어 이벤트 이름이고 속성 값이 적절한 콜백에 대한 JavaScript 함수 참조인 뷰어 이벤트 콜백이 있는 JSON 개체입니다.

    선택적.

    다음을 참조하십시오 이벤트 콜백 뷰어 이벤트에 대한 자세한 정보.

  • 지역화된 텍스트 - {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"
}
});

이 페이지에서는