我想在我的视频通话应用程序中实现网格布局，我正在用Agora的web SDK构建。我正在浏览文档，但是我无法得到如何在视频会议中实现网格布局的帮助。最佳匹配和网格布局仅在云记录api中可用。
任何以前的参考或github的repo，其中实现也将工作。
谢谢你的帮助!
Agora Web SDK为视频流提供了一个库，它不强制一个UI。构建UI是您的任务。话虽如此，Agora使得在应用程序中添加视频聊天变得非常容易。
在您的情况下，您可以使用CSS网格或您选择的任何框架构建网格布局。要将Agora连接到您的Grid布局，您将使用stream-published事件创建一个新的网格元素，并订阅到新的流。一旦subscribe()承诺解决，使用视频轨道的.play()方法在特定的DOM元素上播放视频
client.on("user-published", async (user, mediaType) => {
// Initiate the subscription
await client.subscribe(user, mediaType);
// If the subscribed track is an audio track
if (mediaType === "audio") {
const audioTrack = user.audioTrack;
// Play the audio
audioTrack.play();
} else {
const videoTrack = user.videoTrack;
// Play the video the given DOM_ELEMENT
videoTrack.play(DOM_ELEMENT);
}
});