Events
ready
The ready event is emitted when the video conferencing component is mounted and ready to be used.
<template>
<VideoConference @ready="onReady" />
</template>
<script>
export default {
methods: {
onReady() {
console.log("Ready");
},
},
};
</script>
connected
The connected event is emitted when the video conferencing component is connected to the server.
<template>
<VideoConference @connected="onConnected" />
</template>
<script>
export default {
methods: {
onConnected() {
console.log("Connected");
},
},
};
</script>
started
The started event is emitted when the video conference is started.
<template>
<VideoConference @started="onStarted" />
</template>
<script>
export default {
methods: {
onStarted() {
console.log("Started");
},
},
};
</script>
stopped
The stopped event is emitted when the video conference has ended or stopped.
<template>
<VideoConference @stopped="onStopped" />
</template>
<script>
export default {
methods: {
onStopped() {
console.log("Stopped");
},
},
};
</script>
joined
The joined event is emitted when the user joins the video conferencing room.
<template>
<VideoConference @joined="onJoined" />
</template>
<script>
export default {
methods: {
onJoined(conferenceObject) {
console.log("Joined");
},
},
};
</script>
left
The left event is emitted when a user leaves the video conferencing room.
<template>
<VideoConference @left="onLeft" />
</template>
<script>
export default {
methods: {
onLeft(userObject) {
console.log("Left");
},
},
};
</script>
trackAdded
The trackAdded event is emitted when a track is added.
<template>
<VideoConference @trackAdded="onTrackAdded" />
</template>
<script>
export default {
methods: {
onTrackAdded(trackObject) {
console.log("Track Added");
},
},
};
</script>
error
The error event is emitted when an error occurs.
<template>
<VideoConference @error="onError" />
</template>
<script>
export default {
methods: {
onError(errorMessage) {
console.log("Error");
},
},
};
</script>