Propiedades

Propiedades disponibles para realizar acciones de forma 100% programática

Nuestro widget contiene propiedades que permiten cambiar o sobreescribir el comportamiento por defecto.

Te sugerimos utilizar estas propiedades solo una vez que el evento videsk-load sea disparado.

document.addEventListener('videsk-load', () => {
    // Puedes usar aquí las propiedades
    videsk.xyz = '...';
});

customer

Esta propiedad no está diseñada para hacer bypass a los formularios, solo rellenará con los datos que proporciones.

Esta propiedad de solo escritura permite definir los valores que se inyectarán por defecto en los formularios que tengas configurado para segmentos y calendarios. Estos valores dependerán de la propiedad name de cada campo de formulario, por ejemplo:

videsk.customer = {
    firstname: 'John',
    lastname: 'Doe',
    dni: 'ABC123456'
}

El nombre de cada key dependerá de cómo está configurado la propiedad name de cada campo en el editor de formulario. Si la key no coincide el campo quedará vacío para que el cliente lo rellene manualmente.

constraints

Esta propiedad de lectura y escritura permite sobreescribir los valores por defecto de cámara y/o micrófono.

Este valor sobreescribirá la opción de micrófono y cámara, independientemente si tu cliente selecciona solo micrófono o micrófono + cámara.

La autorización explícita del cliente mediante el navegador no se sobreescribira, por lo que si deniega el acceso a cámara y/o micrófono no accederá a la videollamada.

Por defecto, este valor es indefinido.

Básico

videsk.constraints = {
    video: false, // sin cámara
    audio: true,
};
videsk.constraints // undefined

Micrófono fijo

Te sugerimos utilizar el método device para obtener el ID del dispositivo.

videsk.constraints = {
    video: true,
    audio: {
        deviceId: {
            ideal: 'REPLACE_DEVICE_ID'
        }
    },
};

Cámara fija

Te sugerimos utilizar el método device para obtener el ID del dispositivo.

videsk.constraints = {
    audio: true,
    video: {
        deviceId: {
            ideal: 'REPLACE_DEVICE_ID'
        }
    },
};

Cámara trasera

videsk.constraints = {
    audio: true,
    video: {
        facingMode: 'environment'
    }
};

Te sugerimos utilizar esta propiedad en tótems o kioskos interactivos, ya que podrás definir los permisos con anterioridad sin percibir problemas técnicos.

fullscreen

Con esta propiedad podrás configurar el widget para que cubra todo el sitio sin necesidad de añadir CSS personalizado.

videsk.fullscreen = true;

document.addEventListener('videsk-load', () => {
    videsk.fullscreen = true;
    videsk.toggle(true);
});

Al usar el widget en modo fullscreen la burbuja desaparece, por lo tanto, deberás usar videsk.toggle(true) para forzar la visibilidad.

width

Con esta propiedad podrás configurar el ancho del widget sin necesidad de añadir CSS personalizado. El valor debe ser un Integer, el cual se configurará en pixeles.

videsk.width // Obtendrás el ancho
videsk.width = 360;

Si deseas mantener la responsibidad sugerimos cambiar el ancho del elemento .videsk-top-container mediante CSS, para la propiedad width.

height

Con esta propiedad podrás configurar la altura del widget sin necesidad de añadir CSS personalizado. El valor debe ser un Integer, el cual se configurará en pixeles.

videsk.height // Obtendrás el ancho
videsk.height = 650;

Si deseas mantener la responsibidad sugerimos cambiar la altura del elemento .videsk-home-iframe mediante CSS, para las propiedades height y max-height.

Usar width o height mediante sus propiedades romperá con la responsividad, sugerimos utilizar solo estas propiedades basado en compartamientos, no para fijar el estilo.