更新时间:2024-06-28 GMT+08:00
分享

场景3:视图界面定制

描述

考虑到大部分使用SDK二次开发的场景下,视图可能有不同要求,SDK提供与会者窗口、聊天窗口、会控条、标题、弹幕等组件的显示与隐藏,通过setViewConfig接口可以个性化设置,通过getViewConfig接口,可以获取实时信息;

业务流程

本流程以设置聊天窗口显示/隐藏为例,通过调用setViewConfig接口,然后监听view_config_change事件

  1. 接口调用

    在SDK调用setViewConfig接口。

  2. 处理消息通知

    处理监听到的view_config_change事件。

  3. 接口调用

    此步骤按需选择,用户可以通过调用getViewConfig接口主动获取视图信息。

示例代码

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
// 入参为聊天对应的key
let params = {chatVisible: false};
HWMeeting.setViewConfig(params).then(() => {
      // 调用成功
      ...      
    }).catch((e) => {
      // 调用失败
      ...
    });
}

1
2
3
4
5
6
7
8
// 事件监听部分:请在入会前配置好
listener = HWMeeting.createEventListener();

HWMeeting.getEventList().forEach(event => {
  listener.on("view_config_change", (eventData) => {
      ...
  });
}); 

1
2
3
4
5
6
7
8
// 本接口用于查询当前视图状态,可按需调用
HWMeeting.getViewConfig("chatVisible").then((data) => {
  // 显示结果
  console.log(JSON.stringify(data));
}).catch((e) => {
  // 调用失败
  ...  
});

相关文档