대화형 비디오 뷰어 interactivevideoviewer

Last update: Mon Jul 22 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

주제:

작성 대상:

개발자
사용자

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

InteractiveVideoViewer([config])

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

매개 변수 section-4fb77a645fdd45b3aaa5079c31e3bb05

구성

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

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

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

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

선택적.

뷰어 이벤트에 대한 자세한 내용은 이벤트 콜백을(를) 참조하십시오.
로컬라이제이션 데이터가 있는 localizedText - {Object} JSON 개체. 선택적.

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

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

반환 section-1d3cf85bc7cc4dfe9670e038d02b9101

없음.

예 section-9e9332aa86b74a5fb321375c03fdc5b3

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

recommendation-more-help

b7426f53-aad9-4c00-83fc-664f30f681e8