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
Guías de integración
Instala Beauty AR SDK para Web en el pipeline de procesamiento de tu cámara.
Ejemplos y código fuente
Mira el producto en acción y descubre cómo se ha implementado.
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.
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ónsdk.on('ready', async () => {
const player = await sdk.initLocalPlayer('preview');
await player.play();
});Ajusta el look en tiempo real
Conecta tus controles deslizantes a Beauty AR SDK para Web y ajusta los efectos tras la inicialización.
Leer la documentaciónsdk.on('ready', () => {
sdk.setBeautify({
dermabrasion: 0.3,
whiten: 0.1,
});
});Cambia el escenario detrás de la persona
Activa la segmentación en Beauty AR SDK para Web y cambia entre desenfoque y fondos de imagen.
Leer la documentación// Enable module.segmentation during initialization.
sdk.on('ready', () => {
sdk.setBackground({
type: 'image',
src: '/backgrounds/library.jpg',
});
});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ónDale tu sello a cada efecto
Usa recursos de efectos faciales con licencia con Beauty AR SDK para Web y organiza tu propio selector de efectos.
Leer la documentaciónCOMENZAR
Empieza con Beauty AR SDK para Web
- 01
- 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 - 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
npm install tencentcloud-webarimport { 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
Preguntas sobre la integración
Obtén ayuda para configurar Beauty AR SDK para Web.
Ver la documentación para desarrolladoresHabla sobre tu aplicación
Conversa sobre tu producto, el uso previsto y tus necesidades de integración.
Contactar con VentasPon en marcha tu experiencia de cámara
Empieza a desarrollar con Beauty AR SDK para Web y una licencia adecuada para tu aplicación.

