CREADO PARA WEB

Beauty AR SDK para Web

Añade retoques en directo, efectos faciales y fondos virtuales a la cámara del navegador con Beauty AR SDK para Web.

RECURSOS PARA DESARROLLADORES

Documentación y ejemplos de Beauty AR SDK para Web

Conversaciones listas para la cámara

Añade desenfoque de fondo a la vista previa del navegador antes de que los usuarios entren en una llamada.

Prueba maquillaje en el navegador

Permite que los usuarios previsualicen tonos de labios y efectos de maquillaje con su cámara.

CAPACIDADES DE WEB BEAUTY AR

Crea la experiencia de cámara que necesita tu app

Entradas de cámara

  • Captura de cámara integrada
  • Streams e imágenes personalizados

Apariencia en tiempo real

  • Retoque de piel ajustable
  • Filtros y efectos de maquillaje

Controles de fondo

  • Desenfoque de fondo
  • Fondos de imagen y vídeo

Explora Beauty AR SDK para Web

Conecta las API a tu cámara, controles y recursos de efectos.

Entrada de cámara

Empieza con una vista previa en el navegador

Usa Beauty AR SDK para Web para capturar la entrada de cámara y previsualizar el stream procesado.

Leer la documentación
preview.js
sdk.on('ready', async () => {
  const player = await sdk.initLocalPlayer('preview');
  await player.play();
});

PERSONALIZACIÓN

Tu interfaz. Tu look.

Mantén la experiencia coherente con tu aplicación.

Personaliza tu experiencia de cámara

Crea una barra lateral o inferior alrededor de Beauty AR SDK para Web. Tu aplicación gestiona los controles.

Leer la documentación

COMENZAR

Empieza con Beauty AR SDK para Web

  1. 01

    Prepara la licencia

    Asocia tu licencia con dominio web.

    Abrir la consola de Beauty AR
  2. 02

    Añade Beauty AR SDK para Web

    Sigue la guía de la plataforma para conectar tu proyecto.

    Sigue la Guía de integración
  3. 03

    Procesa el primer fotograma

    Inicializa Beauty AR SDK para Web, espera a ready y previsualiza el stream procesado de la cámara.

    Configurar la licencia
Web Beauty AR SDK
Terminal
npm install tencentcloud-webar
camera-preview.js
import { ArSdk } from 'tencentcloud-webar';

// Start after the user chooses to enable the camera.
const sdk = new ArSdk({
  auth: { appId, licenseKey, authFunc },
  module: { beautify: true, segmentation: true },
  camera: { width: 1280, height: 720 },
});
sdk.on('ready', async () => {
  const player = await sdk.initLocalPlayer('preview');
  await player.play();
});

Preguntas frecuentes sobre Beauty AR SDK para Web

¿Beauty AR SDK para Web incluye una app completa de videollamadas?

No. Procesa medios de cámara y ofrece API de vista previa. Añade tu interfaz y un SDK RTC o de streaming independiente para transmitir la salida.

¿Cómo autorizo Beauty AR SDK para Web?

Vincula la licencia Web al dominio correcto. Proporciona App ID, license key y un callback de firma respaldado por el servidor; guarda el license token en el servidor.

¿Puedo usar Beauty AR SDK para Web con un stream de cámara existente?

Sí. Elige el modo de entrada personalizada para un stream existente o utiliza la captura integrada. Gestiona los permisos de cámara y la liberación de recursos en tu aplicación.

¿Qué navegadores debo probar?

Consulta la guía de compatibilidad actual y prueba los dispositivos objetivo. Los fondos transparentes funcionan localmente en navegadores compatibles, pero la transmisión WebRTC no conserva el canal alpha.

¿Cómo se licencia Beauty AR SDK para Web?

Elige una licencia Web con los efectos que necesita tu aplicación. Revisa las condiciones de prueba actuales y la cobertura del paquete antes de usarlo en producción.

¿Cómo integro Beauty AR SDK para Web en una aplicación de navegador?

Sigue la configuración de navegador y los requisitos de entorno compatible. Prueba permisos usados, navegación y liberación de recursos en los navegadores reales que pretendes admitir.

¿Cómo pruebo Beauty AR SDK para Web antes de lanzar mi app?

Prueba entradas y efectos con licencia, incluidos permisos de cámara cuando se use y la liberación de recursos tras salir de la vista previa.

¿Cómo personalizo la interfaz de Beauty AR SDK para Web?

Conecta efectos compatibles a tu vista previa y selectores. Los recursos, funciones y alcance de licencia deben corresponder a la plataforma objetivo.

Soporte de integración para Web Beauty AR

Habla sobre tu aplicación

Conversa sobre tu producto, el uso previsto y tus necesidades de integración.

Contactar con Ventas

Pon en marcha tu experiencia de cámara

Empieza a desarrollar con Beauty AR SDK para Web y una licencia adecuada para tu aplicación.