浏览器窗口全屏时如何让白板正常显示

问题描述

在浏览器窗口切换至全屏显示时，如果在切换之后对白板不做处理，会出现白板显示内容异常的情况。要想正常显示白板就需要全屏显示后做些处理。

解决方案

在白板切换至全屏时，配合 requestFullScreen API + "fullscreenchange" 事件监听，在白板全屏切换的监听回调里调用 zegoWhiteboardView 的 reloadView 接口可重新加载白板，以适应当前白板容器大小。

document.addEventListener('fullscreenchange', function(e) {
    zegoWhiteboardView.reloadView();
});