腾讯云虚拟形象SDK自定义 UI_音视频解决方案_同尘科技

Demo UI 说明



实现方式

面板配置信息可存放在任何路径， Demo 中存放在 assets 中，在 Demo 首次使用面板文件时会复制到安装目录下。
Json 结构和 UI 面板对应关系：左侧 item 对应右侧页面一级菜单，clothes 为第一个 icon 选中的内容：
左侧红框 subTabs 对应右侧二级菜单：
左侧 icon 对应的 AvatarData 数据存储在素材下的 resources 文件夹中，右侧展示的是面板的配置数据，两者之间是通过面板数据中的 category 进行关联，SDK 会解析 resources 文件夹中的数据，放入对应的 map 中，map 的 key 是 category 的值，所以在 Demo 中解析完 panel.json 文件后，可通过 SDK 提供的方法获取数据进行关联。可以参考 demo 中的 AvatarResManager 的 getAvatarData 方法，此方法会解析面板文件并和 SDK 返回的属性进行关联。 

Demo 重要类说明

路径：com.tencent.demo.avater.AvatarResManager.java

1. 加载 Avatar 资源

/**     * 用于加载Avatar 资源     *     * @param xmagicApi      XmagicApi对象     * @param avatarResName  名称     * @param avatarSaveData 加载模型的默认配置，如果没有则传null     */    public void loadAvatarRes(XmagicApi xmagicApi, String avatarResName, String avatarSaveData)

2. 获取面板数据

 /**     * 获取avatar面板数据，     *     * @param avatarResName      avatar素材名称     * @param avatarDataCallBack 由于此方法会访问文件，所以会在子线程中进行文件操作，获取到数据后会在主线程回调     *                           返回的数据是已经包含了resources文件夹下的数据     */    public void getAvatarData(String avatarResName, String avatarSaveData, LoadAvatarDataCallBack avatarDataCallBack)

3. 从面板数据中解析出用户设置的属性或默认属性

//从面板的配置文件中解析出用户设置的属性或默认属性public static List getUsedAvatarData(List mainTabList) 

4. 从 bindData 中解析出对应的 avatarData

    /**     * 从bindData中解析出对应的avatarData     *     * @param bindDataList 绑定管理列表     * @return 返回对应的avatarData数据列表     */    public static List  getAvatarDataByBindData(Map  mainTabList, List  bindDataList, boolean isFromSaveData)

附录

MainTab.java、SubTab.java、AvatarItem.java、BindData.java 中的字段介绍。

MainTab

SubTab

AvatarItem

BindData



对音视频的解决方案有疑惑？想了解解决方案收费？ 联系解决方案专家

腾讯云限时活动1折起，即将结束： 马上收藏

同尘科技为腾讯云授权服务中心，购买腾讯云享受折上折，更有现金返利:同意关联，立享优惠

阿里云解决方案也看看？： 点击对比阿里云的解决方案