文档首页/ 华为云会议 Meeting/ 客户端SDK参考/ Web SDK/ 典型场景/ 场景3：视图界面定制
更新时间：2024-06-28 GMT+08:00
查看PDF
分享

场景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) => {
  // 调用失败
  ...  
});
父主题： 典型场景

相关文档