Immersive Experiences · Zoom General · anthropics/knowledge-work-plugins · Skills Docs

Immersive Experiences · Zoom General · anthropics/knowledge-work-plugins · Skills Docs

Pattern	Description	Key APIs
Podcast layout	2-3 hosts with custom background	drawParticipant, drawImage
Talk show	Large host + row of guests	drawParticipant, drawImage
Classroom	Teacher prominent + student thumbnails	drawParticipant, drawImage
Game show	Custom positions with animated overlays	drawParticipant, drawImage, drawWebView
Branded meeting	Company background + participant positions	drawParticipant, drawImage
Interactive dashboard	Participants + live data panels	drawParticipant, drawWebView

Host                              Participants
────                              ────────────
Controls layout (UI panel)  -->   Receive layout via Socket.io/backend
runRenderingContext()        -->   runRenderingContext()
drawParticipant() x N        -->   drawParticipant() x N (same positions)
drawImage() (background)     -->   drawImage() (same background)

import zoomSdk from '@zoom/appssdk';

await zoomSdk.config({
  capabilities: [
    'runRenderingContext', 'closeRenderingContext',
    'drawParticipant', 'clearParticipant',
    'drawImage', 'clearImage',
    'getMeetingParticipants', 'onParticipantChange'
  ],
  version: '0.16'
});

// Start immersive mode
await zoomSdk.runRenderingContext({ view: 'immersive' });

// Get participants and layout them
const { participants } = await zoomSdk.getMeetingParticipants();
// ... position participants with drawParticipant()