# Tencent RTC Beauty AR — Web > Beauty AR documentation for Web platform. ## Core SDK ### Quickstart - [Quickstart](https://pre.trtc.io/document/68963.md): Beauty AR Web SDK provides web-based AR beautification, filters, makeup, and sticker capabilities. This quickstart guide helps developers run a local web application with real-time beautification features by applying for a trial license, obtaining App ID, license key, and token, configuring the sample project, and running it in a Node.js environment. Follow the step-by-step instructions to experience the SDK's effects on desktop browsers. ### Integration - [Install the SDK](https://pre.trtc.io/document/68777.md): Beauty AR Web SDK is a web-based SDK that enables developers to integrate augmented reality effects into their web applications. This guide is designed for web developers who want to quickly and securely connect to the Beauty AR SDK by obtaining necessary credentials, deploying a signature service for secure API calls, installing the SDK via npm or script import, and initializing the SDK with either built-in camera or custom stream modes. Key steps include parameter preparation, signing information setup, and SDK initialization. - [Capture from Camera](https://pre.trtc.io/document/50101.md): Tencent Cloud WebAR SDK is a real-time augmented reality SDK that supports integration with a device's built-in camera. This quickstart guide helps developers import the SDK, initialize an instance with authentication, configure beautification and effects, play the video stream, and control camera devices. It is designed for developers aiming to add AR effects and background segmentation to live camera feeds on web platforms. - [Custom Video Source](https://pre.trtc.io/document/50102.md): The ArSdk custom stream integration guide provides step-by-step instructions to import the SDK, initialize an instance with authentication, configure beautification and segmentation effects, and play the processed output stream. This guide is intended for developers who want to apply effects to their own audio and video streams with greater flexibility and control using Tencent RTC technology. - [Loading Optimization](https://pre.trtc.io/document/50103.md): The Effect SDK loading optimization guide introduces two key modes: Regular Mode and Pre-Initialization. It explains how to obtain output video streams with or without applied effects by calling getOutput in different callbacks, and how to preload static resources to improve initialization speed. This guide is intended for developers integrating the SDK to enhance video streams with beautify effects while managing loading performance. - [Apply Effects](https://pre.trtc.io/document/54291.md): Tencent Effect SDK is a multimedia SDK that provides beautification effects, filters, and special effects for applications. It allows users to configure beautification parameters, apply built-in or custom filters and special effects by specifying effect IDs, and manage AI detection to optimize performance. This guide explains how to initialize beautification settings, retrieve and apply filters and effects, and control detection features to enhance visual experiences. ### Advanced Features - [Gesture Recognition](https://pre.trtc.io/document/69309.md): Tencent Effect SDK is a gesture recognition SDK that enables developers to detect and respond to hand gestures on supported platforms. This quickstart guide explains how to enable the Hand Gesture Module during SDK initialization, listen for gesture change events, and interpret the hand object structure. Key steps include importing the SDK, configuring the module, and handling gesture events such as Thumb_Up and Victory to enhance interactive applications. - [Virtual Background](https://pre.trtc.io/document/50105.md): The segmentation module in the Tencent RTC SDK enables virtual background effects such as blurring, image, video, and transparent backgrounds. This guide explains how to enable and configure the segmentation module during SDK initialization, set different background types, and switch segmentation models. It also covers browser support and limitations for transparent backgrounds, helping developers implement customized virtual backgrounds on mobile and desktop platforms. - [Avatars](https://pre.trtc.io/document/51231.md): Tencent Effect SDK is a real-time effect SDK that supports animojis and VR virtual avatars for web applications requiring WebGL2. This guide helps developers check browser support, obtain built-in models, set animoji or VR avatar models, and customize virtual avatars using external tools like readyplayer.me or Vroid. Key steps include initializing the SDK, selecting models by EffectId, setting VR scenes with background images, and uploading custom models in GLB or VRM formats. ### Best Practices - [Publishing with Cloud Streaming Service and WebRTC](https://pre.trtc.io/document/53886.md): This guide explains how to publish streams on desktop web platforms using the Beauty AR Web SDK combined with WebRTC and Cloud Streaming Service (CSS). It is designed for developers who want to integrate real-time video streaming with augmented reality effects by importing necessary SDKs, initializing the AR SDK with authentication, publishing streams, and playing them back. Key steps include importing JavaScript SDKs, configuring authentication with Tencent Cloud credentials, and managing video streams with AR effects. - [Publishing with Cloud Streaming Service and WebRTC (Preinitialization)](https://pre.trtc.io/document/53940.md): The Beauty AR Web SDK quickstart guide explains how to publish video streams using the preinitialization scheme with Cloud Streaming Service (CSS) and WebRTC. It targets developers integrating Beauty AR effects on web platforms, detailing steps to initialize the SDK without input, handle resource readiness, and trigger the initCore API with user input such as camera streams. This approach optimizes loading and accelerates output stream availability. - [Publishing Using TRTC (Version 4.x)](https://pre.trtc.io/document/53885.md): The TRTC Web SDK 4.x quickstart guide helps developers integrate and publish audio and video streams enhanced with Beauty AR effects on web platforms. This tutorial covers importing the Beauty AR Web SDK, initializing streams with custom audio/video sources, managing device controls, and previewing effects locally. It is designed for developers using the TRTC Web SDK to implement real-time communication with beautification features. - [Publishing Using TRTC (Version 5.x)](https://pre.trtc.io/document/67329.md): This guide provides a step-by-step quickstart for web developers to publish video streams using the TRTC Web SDK version 5.x integrated with the Beauty AR Web SDK. It covers importing the Beauty AR SDK, initializing TRTC streams, applying beauty effects, updating video streams, and running demos to experience the effects. The tutorial is designed for developers aiming to enhance their TRTC video streams with Tencent's Beauty AR capabilities on desktop web platforms. - [Face Filters Integration](https://pre.trtc.io/document/68964.md): The Beauty AR Web SDK integration guide explains how to quickly set up and use face filter effects on web platforms. It is designed for developers who want to implement makeup, sticker, filter, VR, and AR effects by importing the SDK, initializing it with authentication credentials, retrieving effect materials, setting and previewing effects, and running demos. The guide covers key steps including license activation, SDK import, signature generation, and effect management. - [Virtual Try-On Integration](https://pre.trtc.io/document/68965.md): The Beauty AR Web SDK integration guide provides detailed steps for developers to quickly implement virtual try-on features on web platforms. It covers importing the SDK, initializing with authentication credentials, retrieving categorized effect materials, setting and previewing effects, and running demos. This guide enables efficient integration of interactive beauty augmented reality experiences using Tencent Cloud technology. - [Process Images with Beauty Effects](https://pre.trtc.io/document/69310.md): The Beauty AR Web SDK is a browser-based SDK that enables developers to beautify images, apply makeup and effects, and download processed images. This quickstart guide walks through importing the SDK, initializing it with authentication credentials, updating input images, setting beautification parameters, and downloading the output. It is designed for web developers looking to integrate advanced image processing capabilities into their applications. - [Process Videos with Beauty Effects](https://pre.trtc.io/document/81193.md): ArRecorderSdk is a video processing SDK designed for offline secondary processing of existing mp4 files or online video URLs. It enables users to apply beauty effects, stickers, and filters to videos without requiring a live stream or camera. Compatible with Chrome 102+ and Edge 102+, the SDK supports hardware-accelerated decoding and encoding via WebCodecs and preserves original audio without re-encoding. This quickstart guide walks through authentication, setting beautify parameters, applying effects and filters, and processing videos efficiently using in-memory or file modes. ### Asset Authoring - [Authoring Guide](https://pre.trtc.io/document/53887.md): The Material Customization Guide is a web-based SDK guide for creating personalized effects in the Tencent RTC console. It is designed for users who want to customize makeup effects, stickers, and filters by downloading PSD templates, designing materials aligned with human face models, importing them into the console, and previewing the results in real time. The guide covers key steps including template download, material design, import, and export to help users efficiently create custom visual effects. - [Makeup](https://pre.trtc.io/document/65977.md): The Makeup feature SDK enables designers to create and upload PNG makeup materials following a standard PSD template for full-face beautification. This guide provides step-by-step instructions on creating materials with Photoshop, importing them into the console, adjusting blending and transparency parameters, and previewing the effect on a model or live camera feed. It is intended for professional designers and developers aiming to integrate customizable makeup effects into their applications. - [Face Filters](https://pre.trtc.io/document/54299.md): The Face Stickers feature allows users to create custom face-tracking stickers by uploading PNG images or sequences to the Tencent RTC console. This quick start guide walks through creating materials that meet size and format requirements, importing them, adjusting parameters like blend mode and anchor point for optimal tracking, and previewing the stickers using built-in photos or a device camera. It is designed for developers and content creators aiming to enhance interactive video experiences with personalized stickers. - [3D Effects](https://pre.trtc.io/document/51236.md): The Tencent RTC SDK provides 3D effects capabilities for developers to create and apply realistic 3D models based on a standard head model. This quickstart guide walks you through the essential steps: creating a material in supported software, importing the model into the console, modifying parameters, previewing the effect, and exporting the final material. It helps users efficiently integrate 3D effects into their applications while adhering to format and size limits. - [Asset Library](https://pre.trtc.io/document/65978.md): Beauty AR Web Material Management in the RT-Cube console provides a comprehensive SDK interface for users to view, filter, add, edit, and delete customized effect materials. It supports previewing material thumbnails with attributes such as name, label, and creation time. Users can filter materials by name and label using fuzzy matching and manage labels to organize materials efficiently. The platform also allows deletion of custom materials with irreversible confirmation to maintain data integrity. - [Built-in Effects](https://pre.trtc.io/document/72672.md): The SDK offers a comprehensive collection of preset effects including makeup, sticker, filter, AR (Animoji), and VR effects. These effects are provided for free and are continuously updated to enhance user experience. The preset effects cater to developers and users looking to enrich their applications with diverse visual enhancements, supporting various licenses such as Standard, Professional, and Advanced. ### API Reference - [API Reference](https://pre.trtc.io/document/50106.md): The Beauty AR Web SDK is a web-based SDK that provides augmented reality beautification capabilities relying on hardware acceleration. It is designed for developers to integrate advanced beautify filters, segmentation, hand gesture recognition, and dynamic background effects into web applications. This document details the SDK's initialization parameters, callback interfaces, API methods, and error handling procedures to enable smooth and efficient AR experiences. ### Release Notes - [Release Notes](https://pre.trtc.io/document/51232.md): The Web SDK V2 is a real-time communication SDK offering significant performance enhancements and backward compatible APIs compared to V1. It supports advanced features including 3D material simulation, beautification processing, face recognition, and virtual backgrounds on web platforms. This document provides detailed release notes and version updates from early versions through 2.0.3, helping developers track improvements and fixes for optimal integration. ### FAQ - [FAQ](https://pre.trtc.io/document/51233.md): Beauty AR Web SDK FAQ addresses common issues users may encounter such as AI initialization delays, image orientation and lag in Chrome, hardware acceleration errors, browser compatibility, live stream beautification, signature authentication, and camera access permissions. It provides solutions for configuring modules, enabling hardware acceleration, handling authentication failures, and using localhost for development.