TRTC Beauty UIKit
This template supports Tencent's Web Beauty Filters, allowing you to experience various beauty effects.
Framework | Next.js |
Use Case | Video Chat |
Web Beauty Template
This template supports Tencent's Web Beauty Filters, allowing you to experience various beauty effects.
1. Deploy to Edgeone Pages and get the project preview link address
You can copy the project domain in the project list
Or copy the project domain name in the project overview
Be careful not to use the preview address domain of the deployment record. Each time you redeploy, a new deployment record will be generated and bound to a new domain. The domain of each deployment record is different, and the preview address of the project is fixed. You can view the latest deployment results by visiting the preview address of the project.
2. Create a license,Getting App ID,License Key and Licene Token
Reference Documentation :Getting Web Beauty LIcense
- Create a license
Log in to TRTC Console > Beauty AR, and click Create Trial License
Select Web&H5, and fill in the Project Name and Domain obtained in the first step. Once completed, click Confirm.
- Getting App ID, License Key and License Token
Getting the App ID, License Key and License Token from License Management.
Web Domain: The domain information entered during project creation. The license can be used only under this domain or development environment.
3. Set environment variables and redeploy
-
Add environment variables in Edgeone Pages console Project Settings/Environment Variables
NEXT_PUBLIC_APPID = 'your App ID' NEXT_PUBLIC_LICENSE_KEY = 'your License Key' NEXT_PUBLIC_LICENSE_TOKEN = 'your License Token'
2. After redeployment, visit the project preview link again
Local Development
Project Setup
npm install
Setting Environment Variables
1. Get environment variables
2. Create .env.local
3. Write environment variables in .env.local:
NEXT_PUBLIC_APPID = 'your App ID'
NEXT_PUBLIC_LICENSE_KEY = 'your License Key'
NEXT_PUBLIC_LICENSE_TOKEN = 'your License Token'
Compile and Minify for Production
npm run build