Skip to main content

rtk-screenshare-view

A component which plays a participant's screenshared video.

It also allows for placement of other components similar to rtk-participant-tile.

This component will not render anything if the participant hasn't start screensharing.

<rtk-screenshare-view class="rtk-el" style="height: 480px">
  <rtk-name-tag class="rtk-el">
    <rtk-audio-visualizer class="rtk-el" slot="start"></rtk-audio-visualizer>
  </rtk-name-tag>
</rtk-screenshare-view>

<script>
  const elements = document.getElementsByClassName('rtk-el');
  for (const el of elements) {
    el.participant = meeting.self;
  }
</script>

Props​

participant

required

Participant object

hideFullScreenButton

Hide full screen button

Default
false
Type
boolean

iconPack

Icon pack

Default
defaultIconPack

meeting

Meeting object

nameTagPosition

Position of name tag

Default
'bottom-left'
Type
"bottom-center" | "bottom-left" | "bottom-right" | "top-center" | "top-left" | "top-right"

size

Size

Type
"lg" | "md" | "sm" | "xl"

t

Language

Default
useLanguage()

variant

Variant

Default
'solid'
Type
"gradient" | "solid"