Slots
controls
The controls slot allows you to modify or add custom controls to the video conferencing component.
<template>
<VideoConference>
<template
#controls="{
// toggleFullscreen,
// activeVideoTrack,
// videoTracks,
// conference,
// muteMe,
// tracks,
// status,
// start,
// stop
}"
>
<button>Custom Button</button>
</template>
</VideoConference>
</template>
Properties
[Function] toggleFullscreen
The toggleFullscreen function allows you to toggle the fullscreen mode of the video conferencing component.
[Object] activeVideoTrack
The activeVideoTrack variable contains the current active video track object.
[Array] videoTracks
The videoTracks variable contains an array of all the video tracks.
[Object] conference
The conference variable contains the current conference object.
[Function] muteMe
The muteMe function allows you to toggle the mute state of the current user. The function takes a string as an argument which can be either "audio" or "video", if no argument is provided it will toggle the mute state of the audio.
[Array] tracks
The tracks variable contains an array of all the tracks.
[Object] status
The status variable contains the current status of the video conferencing component.
{
loading: false, // true if the video conferencing component is making a request to the server
show: false, // true if a video conference is active and the video conferencing component is visible
audioMuted: false, // true if the audio of the current user is muted
videoMuted: false, // true if the video of the current user is muted
}
[Function] start
The start function allows you to start the video conferencing component.
[Function] stop
The stop function allows you to stop the video conferencing component.