How to make the whiteboard display normally when the browser window is in fullscreen mode

Problem Description

When the browser window switches to fullscreen display, if the whiteboard is not processed after the switch, the whiteboard display content will be abnormal. To display the whiteboard normally, some processing is required after fullscreen display.

Solution

When the whiteboard switches to fullscreen, use the requestFullScreen API + "fullscreenchange" event listener. In the listening callback of the whiteboard fullscreen switch, call the reloadView interface of zegoWhiteboardView to reload the whiteboard to adapt to the current whiteboard container size.

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

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