Для создания эффекта picture-in-picture с использованием нескольких видеопотоков в одном графическом изображении, вы можете воспользоваться библиотекой WebRTC, которая предоставляет API для передачи видео и аудио потоков в реальном времени.
Вы можете создать несколько элементов <video> для каждого видеопотока, настроить их и затем отображать их на canvas элементе. Для этого вам понадобится использовать методы canvas API для рендеринга видео на canvas.
Другой вариант - использовать библиотеку для работы с видео, такую как Video.js или Plyr, которые могут помочь в управлении и отображении нескольких видеопотоков одновременно.
Что касается функционала, подобного Google Meet, где видеопотоки всех собеседников отображаются свернутыми в одном окне, вам нужно будет создать механизм управления позицией и размером каждого видео на canvas. Вы также можете использовать библиотеки и фреймворки для работы с мультимедиа, такие как WebRTC, Websockets или PeerJS, чтобы обеспечить потоковую передачу видео данных между участниками.