Video360Viewer

Última actualización: 2023-05-23
  • Creado para:
  • Developer
    User

Referencia de la API de JavaScript para el visor de Video360.

Video360Viewer([config])

Constructor, crea una nueva instancia de HTML 5 Video360 Viewer.

Parámetros

config

{object} objeto de configuración JSON opcional, permite que todas las configuraciones del visor pasen al constructor para evitar llamar a métodos de establecedor individuales. Contiene las siguientes propiedades:

  • containerId - {String} ID del contenedor DOM (normalmente un DIV ) en la que se inserta el visor. Para el momento en que se llama a este método, no es necesario tener creado el elemento contenedor. Sin embargo, el contenedor debe existir cuando init() se ejecuta.

    Obligatorio.

  • parámetros - {Object} Objeto JSON con parámetros de configuración del visor donde el nombre de la propiedad es una opción de configuración específica del visor o un modificador del SDK y el valor de esa propiedad es un valor de configuración correspondiente.

    Obligatorio.

  • controladores - {Object} Objeto JSON con llamadas de retorno a evento del visor, donde el nombre de la propiedad es el nombre del evento del visor admitido y el valor de la propiedad es una referencia de función JavaScript a la llamada de retorno adecuada.

    Opcional.

    Consulte Llamadas de retorno de eventos para obtener más información sobre los eventos de visor.

  • localizedTexts - {Object} Objeto JSON con datos de localización. Opcional.

    Consulte Localización de los elementos de la interfaz de usuario para obtener más información.

    Consulte también la Guía del usuario de Viewer SDK y el ejemplo para obtener más información sobre el contenido del objeto.

Devuelve

Ninguno.

Ejemplo

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

En esta página