Render props for advanced customization of LocalVideoTile. Allows complete control over specific rendered elements and behaviors.
<LocalVideoTile showTimer={true} roomStartTime={new Date()} renderProps={{ formatDuration: (seconds) => { const hours = Math.floor(seconds / 3600); const minutes = Math.floor((seconds % 3600) / 60); return `${hours}h ${minutes}m`; }, renderOverlay: () => <CustomBadge /> }}/> Copy
<LocalVideoTile showTimer={true} roomStartTime={new Date()} renderProps={{ formatDuration: (seconds) => { const hours = Math.floor(seconds / 3600); const minutes = Math.floor((seconds % 3600) / 60); return `${hours}h ${minutes}m`; }, renderOverlay: () => <CustomBadge /> }}/>
Optional
Custom formatter for the room duration timer.
Elapsed seconds since room start
Formatted duration string
Render additional overlay content on the tile.
Custom overlay React node
Render props for advanced customization of LocalVideoTile. Allows complete control over specific rendered elements and behaviors.
Example