Video360Viewer

Video360檢視器的JavaScript API參考。

Video360Viewer([config])

建構函式會建立新的HTML5 Video360檢視器例項。

參數

設定

{object}選 用的JSON配置對象允許所有查看器設定傳遞給建構子,以避免調用單個setter方法。包含下列屬性:

  • containerId - {String} DOM容器的ID(通常是 DIV ),會將檢視器插入其中。呼叫此方法時,不需要建立容器元素。 但是,當 init()運行時,容器必須存在。

    必要.

  • 數 — {Object} JSON 物件以及檢視器設定參數,其中屬性名稱為檢視器專屬組態選項或SDK修飾元,而該屬性的值是對應的設定值。

    必要.

  • 處理 程式 — {Object} JSON物 件,具有檢視器事件回呼,其中屬性名稱是受支援檢視器事件的名稱,而屬性值是適當回呼的JavaScript函式參考。

    選填。

    如需檢視器事件的詳細資訊,請參閱事件回呼

  • 本地化 文本 — {Object} JSON 物件,包含本地化資料。選填。

    如需詳細資訊,請參閱使用者介面元素的本地化

    如需物件內容的詳細資訊,另請參閱檢視器SDK使用指南和範例。

傳回

無。

範例

var video360Viewer = new s7viewers.Video360Viewer({ 
 "containerId":"s7viewer", 
"params":{ 
 "asset":"Viewers/space_station_360-AVS", 
 "serverurl":"https://s7d9.scene7.com/is/image/", 
 "videoserverurl":"https://s7d9.scene7.com/is/content/" 
}, 
"handlers":{ 
 "initComplete":function() { 
  console.log("init complete"); 
} 
}, 
"localizedTexts":{ 
"en":{ 
"Video360Player.ERROR":"Your Browser does not support HTML5 Video tag or the video cannot be played." 
}, 
"fr":{ 
"Video360Player.ERROR":"Votre navigateur ne prend pas en charge la vidéo HTML5 tag ou la vidéo ne peuvent pas être lus." 
}, 
defaultLocale:"en" 
} 
});

本頁內容