加载AR特效包
最近更新时间：2023.12.19 14:08:31
首次发布时间：2023.11.21 14:50:49
可以通过加载 AR 特效包来实现诸如虚拟试穿试戴、虚拟形象、美妆、虚拟背景等功能。你可以通过商务或技术支持申请试用我们的 AR Editor 来制作特效包，或者描述你的诉求由我们帮你制作特效包。
更多有关 AR 特效包的信息，请联系我们的商务或技术支持。
我们在这里提供了几款示例用特效包：
| 类别 | 特效包 | URL | 预览 |
|---|---|---|---|
人脸贴纸 | 围巾帽子 | https://lf-web-ar.volccdn.com/obj/web-ar-resources/demo-effect-packages/sg/hat_scarf_with_makeup.zip |
|
彩虹眼镜 | https://lf-web-ar.volccdn.com/obj/web-ar-resources/demo-effect-packages/sg/rainbow-glass.zip |
| |
酷酷鲨 | https://lf-web-ar.volccdn.com/obj/web-ar-resources/demo-effect-packages/sg/coolcoolshark_with_makeup.zip |
| |
蝴蝶 | https://lf-web-ar.volccdn.com/obj/web-ar-resources/demo-effect-packages/sg/Butterfly_with_makeup.zip |
| |
软软小羊 | https://lf-web-ar.volccdn.com/obj/web-ar-resources/demo-effect-packages/sg/ruanruanxiaoyang.zip |
| |
人脸变形 | https://lf-web-ar.volccdn.com/obj/web-ar-resources/demo-effect-packages/sg/dragging_deformation.zip |
| |
| 虚拟形象 | 男孩 | https://lf-web-ar.volccdn.com/obj/web-ar-resources/demo-effect-packages/sg/boy0825.zip |  |
女孩 | https://lf-web-ar.volccdn.com/obj/web-ar-resources/demo-effect-packages/sg/brownGirl.zip |
| |
熊猫 | https://lf-web-ar.volccdn.com/obj/web-ar-resources/demo-effect-packages/sg/panda0825.zip |
| |
冰淇淋男孩 | https://lf-web-ar.volccdn.com/obj/web-ar-resources/demo-effect-packages/sg/icecream.zip |
| |
美妆 | 韩国学妹 | https://lf-web-ar.volccdn.com/obj/web-ar-resources/demo-effect-packages/sg/schoolgirl.zip |
|
蓝瞳 | https://lf-web-ar.volccdn.com/obj/web-ar-resources/demo-effect-packages/sg/icey_blue.zip |
| |
Light | https://lf-web-ar.volccdn.com/obj/web-ar-resources/demo-effect-packages/sg/light_makeup.zip |
| |
校花妆 | https://lf-web-ar.volccdn.com/obj/web-ar-resources/demo-effect-packages/sg/campus_belle.zip |
| |
虚拟背景 | 图1 | https://lf-web-ar.volccdn.com/obj/web-ar-resources/demo-effect-packages/sg/image%20(10).png |
|
| 图2 | https://lf-web-ar.volccdn.com/obj/web-ar-resources/demo-effect-packages/sg/image%20(8).png |  | |
| 图3 | https://lf-web-ar.volccdn.com/obj/web-ar-resources/demo-effect-packages/sg/image%20(9).png |  | |
| 视频1 | https://lf-web-ar.volccdn.com/obj/web-ar-resources/demo-effect-packages/sg/2.mp4 |  | |
视频2 | https://lf-web-ar.volccdn.com/obj/web-ar-resources/demo-effect-packages/sg/3.mp4 |
| |
| 视频3 | https://lf-web-ar.volccdn.com/obj/web-ar-resources/demo-effect-packages/sg/4.mp4 |  |
在获取特效包地址后，你就可以通过调用 session.loadEffect 来加载特效包了：
// 特效包地址 // Effect package url. const effectURL = "https://yourdomain.com/package.zip"; await session.loadEffect(effectURL);
获取特效加载进度
从 3.3.1 版本开始可用
你可以向 loadEffect 方法传入「一个带有 onProgress 方法的对象」作为第二个参数来获取特效加载的进度。
await session.loadEffect(effectURL, { onProgress: (progress) => { //progress: 特效加载进度，0 到 1 之间 //progress: effect loading progress, from 0 to 1. } });