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
Guias de integração
Instale Beauty AR SDK para Web no pipeline de processamento da câmara.
Exemplos e código-fonte
Veja o produto em ação e descubra como ele foi implementado.
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.
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çãosdk.on('ready', async () => {
const player = await sdk.initLocalPlayer('preview');
await player.play();
});Ajuste o visual em tempo real
Conecte os controles deslizantes ao Beauty AR SDK para Web e ajuste os efeitos após a inicialização.
Leia a documentaçãosdk.on('ready', () => {
sdk.setBeautify({
dermabrasion: 0.3,
whiten: 0.1,
});
});Mude o cenário atrás da pessoa
Ative a segmentação no Beauty AR SDK para Web e alterne entre desfoque e fundos de imagem.
Leia a documentação// Enable module.segmentation during initialization.
sdk.on('ready', () => {
sdk.setBackground({
type: 'image',
src: '/backgrounds/library.jpg',
});
});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çãoDê sua assinatura a cada efeito
Use recursos de efeitos faciais licenciados com o Beauty AR SDK para Web e organize seu próprio seletor de efeitos.
Leia a documentaçãoCOMECE AGORA
Comece com o Beauty AR SDK para Web
- 01
- 02
Adicione Beauty AR SDK para Web
Siga o guia da plataforma para conectar seu projeto.
Siga o Guia de Integração - 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
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();
});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
Dúvidas sobre integração
Obtenha ajuda para configurar Beauty AR SDK para Web.
Ver a documentação para desenvolvedoresConverse sobre seu aplicativo
Converse sobre seu produto, uso esperado e necessidades de integração.
Entre em contato com a equipe de vendasColoque 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.

