You need to enable JavaScript to run this app.
导航
加载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

图2https://lf-web-ar.volccdn.com/obj/web-ar-resources/demo-effect-packages/sg/image%20(8).png
图3https://lf-web-ar.volccdn.com/obj/web-ar-resources/demo-effect-packages/sg/image%20(9).png
视频1https://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

视频3https://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.
    }
});