Visualizzatore video360Viewer

Riferimento API JavaScript per il visualizzatore Video360.

Video360Viewer([config])

Costrutore, crea una nuova istanza del visualizzatore HTML5 Video360.

Parametri

config

{object} oggetto di configurazione JSON opzionale, consente a tutte le impostazioni del visualizzatore di passare al costruttore per evitare di chiamare i singoli metodi del setter. Contiene le seguenti proprietà:

  • containerId - {String} ID del contenitore DOM (in genere un DIV ) in cui viene inserito il visualizzatore. Quando si chiama questo metodo, non è necessario che l'elemento contenitore sia creato. Tuttavia, il contenitore deve esistere quando viene eseguito init() .

    Obbligatorio.

  • params - Oggetto {Object} JSON con parametri di configurazione del visualizzatore in cui il nome della proprietà è un’opzione di configurazione specifica per il visualizzatore o un modificatore SDK e il valore di tale proprietà è un valore di impostazioni corrispondente.

    Obbligatorio.

  • gestori - {Object} oggetto JSON con callback di eventi del visualizzatore, dove il nome della proprietà è il nome dell'evento del visualizzatore supportato e il valore della proprietà è un riferimento alla funzione JavaScript per il callback appropriato.

    Facoltativo.

    Per ulteriori informazioni sugli eventi del visualizzatore, consulta callback di eventi .

  • oggetto JSON localizzatoTesti - {Object} con dati di localizzazione. Facoltativo.

    Per ulteriori informazioni, consulta Localizzazione degli elementi dell’interfaccia utente .

    Per ulteriori informazioni sul contenuto dell’oggetto, consulta anche la Guida utente dell’SDK per visualizzatori e l’esempio .

Restituisce

Nessuno.

Esempio

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

In questa pagina