可以通过加载 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. } });