Skip to main content

Picture-in-Picture

Picture-in-Picture API allows you to render meeting.participants.active participant's video as a floating tile outside of the current webpage's context.

Supported in Chrome/Edge/Chromium based browsers

Methods​

Check if supported​

Use the boolean value at meeting.participants.pip.isSupported to check if the browser supports PIP capabilities

Initialization​

Call meeting.participants.pip.init() to activate PIP mode. Optionally you can pass height and width the configure the size of the PIP tile

const { meeting } = useDyteMeeting();

meeting.participants.pip.init({
  width: 360,
  height: 360,
});

Enable​

meeting.participants.pip.enable() to enable PIP mode if disabled

Disable​

meeting.participants.pip.disable() to enable PIP mode if enabled