📖
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
  • connected
  • disconnected
  • user:disconnected
  • ports
  • description
  • attached
  • progress
  • canceled
  • received
  • state
  • state:*:*
  • state:*:*:*

¿Te fue útil?

Editar en GitHub
  1. SDKs
  2. Intercambio archivos

Eventos

AnteriorMétodosSiguientePropiedades

Última actualización hace 1 año

¿Te fue útil?

connected

Este evento se dispara cuando se ha conectado BeamPort a nuestra API WebSocket.

Esto no significa que esté listo para enviar archivos, por lo que siempre deberás verificar que BeamPort.ports tenga un valor mayor a cero antes de usar el método .

port.addEventListener('connected', () => {
    console.log('Listo para transferir?', port.ports > 0);
});

disconnected

Este evento se dispara cuando BeamPort se ha desconectado de nuestra API WebSocket, lo que es equivalente a perder conexión con los pares BeamPort.

No requiere una reconexión manual, ya que BeamPort intentará reconectarse automáticamente solo si no se ha desconectado usando el método .

port.addEventListener('disconnected', () => {
    // Do something
});

user:disconnected

Este evento se dispara cuando un par BeamPort se desconecta, no así la conexión local.

port.addEventListener('user:disconnected', () => {
    console.log('Ports conectados', port.ports);
});

ports

Este evento se dispara cuando un nuevo par BeamPort se ha conectado.

port.addEventListener('ports', () => {
    console.log('Ports conectados', port.ports);
});

description

Considera que el contenido en bytes es 0, ya que aún no se ha recibido información.

port.addEventListener('description', event => {
    const file = event.detail;
});

attached

port.addEventListener('attached', event => {
    const { crc32 } = event.detail;
});

progress

Este evento se dispara cuando se está transfieren bytes del archivo durante el envío o recepción.

En el caso de envío recibirás en event.detail un Object con:

  • percentage: porcentaje como Number del envío.

  • crc32: CRC-32 del chunk envíado, no del archivo.

port.addEventListener('progress', event => {
    const data = event.detail;
    // Envío: { percentage: Number, crc32: Number }
    // Recepción: BeamPortFile
});

canceled

Este evento se dispara cuando un archivo se ha , ya sea durante o después del envío/recepción.

port.addEventListener('canceled', event => {
    const { crc32 } = event.detail;
    // Do something
});

received

port.addEventListener('received', event => {
    const file = event.detail;
});

state

Este evento se dispara cuando se recibe un estado del archivo que se está enviando. Los valores son:

  • state: corresponde al valor de alguna de las propiedades estáticas de BeamPort.

  • crc32: valor de integridad total del archivo.

port.addEventListener('state', event => {
    const { state, crc32 } = event.detail;
});

state:*:*

Este evento con nombre dinámico se dispara cuando se ha recibido información del estado del archivo, ya sea durante o después del envío.

port.addEventListener(`state:${BeamPort.DELETED}:${crc32}`, () => {
    // Do something
});

state:*:*:*

Este evento con nombre dinámico se dispara cuando se recibido la información del estado de un chunk del archivo mientras se envía.

const eventName = `state:${BeamPort.RECEIVED}:${crc32File}:${crc32Chunk}`;
port.addEventListener(eventName, () => {
    // Do something
});

Este evento se dispara cuando se recibe la información de un nuevo archivo que se enviará a continuación. En valor a recibir es un .

Este evento se dispara cuando se llama al método .

Para el caso de recibirás en event.detail un .

Este evento se dispara cuando se recibe un archivo envíado por el par remoto. El valor recibido corresponde a un .

Este evento se debe construir junto con los eventos o , y las .

Este evento se debe construir junto con el evento , y las .

📂
BeamPortFile
BeamPortFile
BeamPortFile
description
attached
progress
propiedades estáticas de BeamPort
propiedades estáticas de BeamPort
send
disconnect
send