CRIADO PARA WEB

Beauty AR SDK para Web

Adicione retoques ao vivo, efeitos faciais e fundos virtuais à câmera do navegador com o Beauty AR SDK para Web.

RECURSOS PARA DESENVOLVEDORES

Documentação e exemplos de Beauty AR SDK para Web

Conversas prontas para a câmera

Adicione desfoque de fundo à prévia no navegador antes que os usuários entrem na chamada.

Maquiagem experimentada no navegador

Permita que os usuários visualizem tons de batom e efeitos de maquiagem pela câmera.

RECURSOS DE WEB BEAUTY AR

Crie a experiência de câmera que seu app precisa

Entradas de câmera

  • Captura de câmera integrada
  • Streams e imagens personalizados

Aparência em tempo real

  • Retoque de pele ajustável
  • Filtros e efeitos de maquiagem

Controles de fundo

  • Desfoque de fundo
  • Fundos de imagem e vídeo

Explore o Beauty AR SDK para Web

Conecte as APIs à câmera, aos controles e aos recursos de efeitos.

Entrada de câmera

Comece com uma prévia no navegador

Use o Beauty AR SDK para Web para capturar a entrada da câmera e visualizar o stream processado.

Leia a documentação
preview.js
sdk.on('ready', async () => {
  const player = await sdk.initLocalPlayer('preview');
  await player.play();
});

PERSONALIZAÇÃO

Sua interface. Seu visual.

Mantenha a experiência consistente com seu aplicativo.

Crie sua própria experiência de câmera

Crie uma barra lateral ou inferior em torno do Beauty AR SDK para Web. Seu aplicativo controla a interface.

Leia a documentação

COMECE AGORA

Comece com o Beauty AR SDK para Web

  1. 01

    Prepare a licença

    Associe a licença a domínio web.

    Abrir a consola de Beauty AR
  2. 02

    Adicione Beauty AR SDK para Web

    Siga o guia da plataforma para conectar seu projeto.

    Siga o Guia de Integração
  3. 03

    Processe o primeiro fotograma

    Inicialize o Beauty AR SDK para Web, aguarde ready e visualize o stream processado da câmera.

    Configurar a licença
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();
});

Perguntas frequentes sobre Beauty AR SDK para Web

O Beauty AR SDK para Web inclui um aplicativo completo de videochamadas?

Não. Ele processa mídia da câmera e fornece APIs de prévia. Adicione sua interface e um SDK RTC ou de streaming separado para transmitir a saída.

Como autorizar o Beauty AR SDK para Web?

Vincule a licença Web ao domínio correto. Forneça App ID, license key e um callback de assinatura apoiado pelo servidor; mantenha o license token no servidor.

Posso usar o Beauty AR SDK para Web com um stream de câmera existente?

Sim. Escolha o modo de entrada personalizada para um stream existente ou use a captura integrada. Gerencie permissões de câmera e liberação de recursos no aplicativo.

Quais navegadores devo testar?

Confira o guia atual de compatibilidade e teste os dispositivos de destino. Fundos transparentes funcionam localmente nos navegadores compatíveis, mas a transmissão WebRTC não preserva o canal alpha.

Como funciona o licenciamento do Beauty AR SDK para Web?

Escolha uma licença Web com os efeitos necessários ao seu aplicativo. Revise as condições atuais de teste e a cobertura do pacote antes do uso em produção.

Como integrar o Beauty AR SDK para Web a uma aplicação no navegador?

Siga a configuração do navegador e os requisitos de ambiente compatível. Teste permissões usadas, navegação e liberação de recursos nos navegadores que pretende atender.

Como testar o Beauty AR SDK para Web antes de lançar meu app?

Teste entradas e efeitos licenciados, incluindo permissão de câmera quando usada e liberação de recursos após sair da prévia.

Como personalizar a interface do Beauty AR SDK para Web?

Conecte efeitos compatíveis à sua prévia e seletores. Recursos, suporte a funcionalidades e escopo da licença devem corresponder à plataforma de destino.

Suporte à integração de Web Beauty AR

Coloque sua experiência de câmera em movimento

Comece a desenvolver com o Beauty AR SDK para Web e uma licença adequada ao seu aplicativo.