As in our previous demos, this example includes all of the available attributes on sw-video-conference with their default values. For a detailed description of each attribute, see the AppKit technical reference. As you can see from the code above, the component is inserted into the HTML file with the Element property innerHTML and could have just as easily been put directly into the index.html file and linked to a CDN to access the AppKit library. That is all you need to start developing with a video conference room in a hot reloading development environment. Or, if you do not want to add additional functionality, you can even build and run this fully functional video conference room with Vite in production. However, if you have been following our series so far, you know we want to take one more step to access the Room Session object with the setupRoomSession callback available in AppKit.
For this demo, we are just using the room session to log the room name, but you can find all of the properties and events available on the Room Session object in the technical documentation.