📖
Documentación pública
Developers 🇪🇸
Developers 🇪🇸
  • 👋Bienvenido
  • ‼️Consideraciones
  • ☝️Conceptos
  • SDKs
    • 📞Phone
      • Métodos
      • Eventos
      • Demo
    • 📹WebRTC
      • Métodos
    • 📄Formularios
    • 🤖Captcha
    • ✨Ejemplos
      • Segmento como agente
    • 📂Intercambio archivos
      • Métodos
      • Eventos
      • Propiedades
      • BeamPortFile
    • 📅Calendario
      • Métodos
      • Eventos
      • Propiedades
    • 🔇Cancelación de ruido
      • Métodos
      • Propiedades
  • Componentes web
    • 📹WebRTC
      • Slots
      • Propiedades
      • Métodos
      • Eventos
    • 🗃️Fileshare
      • Slots
      • Propiedades
      • Métodos
      • Eventos
  • Widgets
    • 🔌Instalación
      • Google Tag Manager
      • WordPress
      • Cloudflare
    • 🖌️Personalización
      • Posición del widget
      • Burbuja personalizable
    • 🔗Acciones por URL
    • 🛰️API
      • Introducción
      • Variables globales
      • Propiedades
      • Métodos
      • Eventos
      • Ajustes
      • Forzar segmentos
      • Forzar calendarios
  • Seguridad
    • 🔐SSL
    • 💆‍♀️Cabeceras
    • ⛔Firewall
      • 🖇️Tipos de NAT
    • 🖼️Iframes
  • 🖇️Integraciones
    • Kioskos
    • Frameworks
      • Angular
  • 🎆Webhooks
    • 👓Introducción
    • 🔒Seguridad
    • 🦱Variables
    • 🦰Sintaxis
    • 🤟Helpers
      • parser
      • toLowerCase
      • toUpperCase
      • #if
      • #each
      • #array
      • #object
      • #isEqual
      • #isNot
      • #includes
      • #greater
      • #lower
      • #some
      • #every
      • #filter
      • #concat
      • #find
      • #get
      • #date
      • #relative
      • #url-param
      • #jwt
      • #phone
    • 🎛️Integraciones
      • Power BI
      • Airtable
    • 🐞Errores
    • 🔌Integradores (3rd party)
    • 💱Formatos locales
    • 🫱Ejemplos
      • Formularios
  • 🐞Depuración
    • Devtools
    • WebRTC
  • 📹Grabaciones
    • Cloud
      • Tamaños y resolución
      • Seguridad
      • Metadata
      • AWS S3
      • Azure
      • GCP
      • SFTP
    • Local
      • Ubicación de descargas
      • Google Drive / FileStream
      • AWS S3
  • API pública
    • Autorización
    • Segmentos
    • Calendario
    • Encuestas
    • Formularios
    • QMS
  • Exportación
    • Llamadas
    • Filas
    • Metadatos
    • Comentarios
    • Etiquetas
    • Reuniones
    • Grabaciones
    • Tópicos IA
    • Sentimientos IA
    • Formularios
    • Encuestas
  • Apps
    • Introducción
    • Integraciones
      • Power Apps
Con tecnología de GitBook
En esta página
  • customer
  • constraints
  • fullscreen
  • width
  • height
  • referrer

¿Te fue útil?

Editar en GitHub
  1. Widgets
  2. API

Propiedades

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

AnteriorVariables globalesSiguienteMétodos

Última actualización hace 3 meses

¿Te fue útil?

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.

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

videsk.constraints = {
    video: true,
    audio: {
        deviceId: {
            ideal: 'REPLACE_DEVICE_ID'
        }
    },
};
videsk.constraints = {
    audio: true,
    video: {
        deviceId: {
            ideal: 'REPLACE_DEVICE_ID'
        }
    },
};
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.

referrer

Con esta propiedad podrás configurar la URL del sitio web de referencia el cual almacenaremos para indicar desde donde se realizó la llamada o agendamiento. Debes considera que debe ser una url válida que debe incluir el protocolo https:// .

Ten en consideración que la URL para el caso de agendamiento debe si o si tener integrado el widget o SDK, de lo contrario tus clientes no se podrán unir a la reunión.

videsk.referrer = 'https://myportal.videsk.io';

Recuerda que desde el dashboard puede personalizar la plantilla de correo para agendamiento donde también puedes sobrescribir la URL de destino.

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

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

🛰️
device
device