RTKPip

Last updated Oct 19, 2026

Modules

<dl><dt><a href="#module_RTKPip">RTKPip</a></dt> <dd></dd> </dl>

Functions

<dl><dt><a href="#getInitials">getInitials()</a></dt> <dd>

Code from ui-kit. Same method used in the avatar component

</dd></dl>

meeting.participants.pip.disable

Disable PiP

Kind: instance property of RTKPip

meeting.participants.pip.init([options])

Initialize PiP and prepare sources

Kind: instance method of RTKPip

Param Type
[options] Object
[options.height] number
[options.width] number

meeting.participants.pip.disableSource(source)

Kind: instance method of RTKPip

Param Type
source string

meeting.participants.pip.addSource(id, element, enabled, [displayText])

Add a video source from the participant grid

Kind: instance method of RTKPip

Param Type Description
id string id for the source (ex. participant id)
element HTMLVideoElement HTMLVideoElement for the video source
enabled boolean if source is enabled
[displayText] string two character display text

meeting.participants.pip.updateSource(id, source)

Update a video source

Kind: instance method of RTKPip

Param Type
id string
source any

meeting.participants.pip.removeSource(id)

Remove the video source for the participant

Kind: instance method of RTKPip

Param Description
id id for the source (ex. participant id)

meeting.participants.pip.removePinnedSource(id)

Remove the pinned source

Kind: instance method of RTKPip

Param Description
id id for the source (ex. participant id)

meeting.participants.pip.removeAllSources()

Remove all sources

Kind: instance method of RTKPip

meeting.participants.pip.enable()

Enable PiP

Kind: instance method of RTKPip

Code from ui-kit. Same method used in the avatar component

Kind: global function

Was this helpful?

YesNo

On this page

RTKPip - 图1Docs

{"@context":"https://schema.org","@type":"TechArticle","@id":"https://developers.cloudflare.com/realtime/realtimekit/humans/core/api-reference/rtkpip/#page","headline":"RTKPip","url":"https://developers.cloudflare.com/realtime/realtimekit/humans/core/api-reference/rtkpip/","inLanguage":"en","image":"https://developers.cloudflare.com/realtime/realtimekit/humans/core/api-reference/rtkpip/og.png?v=f93a8df6a8dab696","dateModified":"2026-10-19","publisher":{"@type":"Organization","name":"Cloudflare","description":"One platform for your apps, agents, and workforce. Build, secure, and scale without managing infrastructure","url":"https://www.cloudflare.com/","sameAs":["https://github.com/cloudflare","https://www.linkedin.com/company/cloudflare","https://x.com/cloudflare"],"logo":{"@type":"ImageObject","url":"https://developers.cloudflare.com/logo.svg"},"address":{"@type":"PostalAddress","streetAddress":"101 Townsend St","addressLocality":"San Francisco","addressRegion":"CA","postalCode":"94107","addressCountry":"US"},"contactPoint":[{"@type":"ContactPoint","contactType":"Customer Support","url":"https://support.cloudflare.com/","availableLanguage":["English"]},{"@type":"ContactPoint","contactType":"Sales","url":"https://www.cloudflare.com/contact/","availableLanguage":["English"]}]},"isPartOf":{"@type":"WebSite","@id":"https://developers.cloudflare.com/#website","name":"Cloudflare Docs","url":"https://developers.cloudflare.com/"}}

title: RTKPlugin image: https://developers.cloudflare.com/realtime/realtimekit/humans/core/api-reference/rtkplugin/og.png?v=102d497d6646fe98

Skip to content

Documentation Index
Fetch the complete documentation index at: https://developers.cloudflare.com/realtime/llms.txt
Use this file to discover all available pages before exploring further.