返回模板
TRTC 美颜 UIKit
集成腾讯云 Web 美颜滤镜的 TRTC UIKit,支持视频通话中的实时 AR 特效。
Web 美颜特效模板
这个模板可以使用腾讯 Web 美颜特效 , 可以体验各种美颜效果
部署到 Edgeone Pages
1. 一键部署到Edgeone Pages,获得项目预览链接地址

可在项目列表点击预览

或在项目的项目概览点击预览

点击复制预览地址,只用保留域名

注意不要使用部署记录的预览地址域名,每次重新部署,将会重新生产一条部署记录并绑定新的域名,每条部署记录的域名都不一样,而项目的预览地址是固定的,访问项目的预览地址可以查看最新的部署结果
2. 获取APPID;绑定预览链接地址, 创建 License,获得License Key 和 Token
参考文档 :获取 Web 美颜特效的 License 和 APPID
-
获取APPID 登录腾讯云控制台,进入账号信息 > 基本信息 查看 APPID

-
获取 License Key 和 Token 进入音视频终端 SDK 控制台 > License 管理 > Web License管理 若无已创建的Web License,新建License
Domain填写第一步获取的预览链接地址查看已创建的Web License 并复制其 License Key 和 Token
**Web Domain:**创建项目时填写的域名信息,只可以在该域名和开发环境下使用此 License
3. 设置环境变量,重新部署
-
在Edgeone Pages控制台项目设置/环境变量新增环境变量
NEXT_PUBLIC_APPID = '你的腾讯云APPID' NEXT_PUBLIC_LICENSE_KEY = '你的 Web License Key' NEXT_PUBLIC_LICENSE_TOKEN = '你的 Web License Token'
2. 重新部署后,再次访问项目预览链接

本地开发
项目依赖安装
npm install
设置环境变量
1. 获取环境变量
2. 创建.env.local文件

3. 在.env.local写入环境变量:
NEXT_PUBLIC_APPID = '你的腾讯云APPID'
NEXT_PUBLIC_LICENSE_KEY = '你的 Web License Key'
NEXT_PUBLIC_LICENSE_TOKEN = '你的 Web License Token'
本地开发调试
npm run dev
生产环境打包
npm run build