Before using Video Express, be sure to activate the Video Express add-on for your account.
Vonage Video Express 1.0 currently supports 25 simultaneous participants in a room. If you add more than 25 people in a session, you will need to ensure that participants’ network and hardware performance is sufficient.
Install the Video Express package:
Installation using the
npm i --save @vonage/video-express
We can also use a script tag in the
<head> section of the HTML page, to include
Vonage Video Express in our application
Currently, Vonage Video Express doesn't include a default UI. So you will need to add CSS to style the room components in your app:
For a quick start, copy the video-express-styles.css file and include it in your
<link rel="stylesheet" href="/path/to/video-express-styles.css" media="screen" charset="utf-8">
div element within the
body section. This will be the room container. The SDK
will append all of its DOM components within this container:
<body> <div id="roomContainer"></div> </body>
Use this code snippet to create a room and to join the video conference. To create the room object, you will need to provide your OpenTok API key, an OpenTok session ID, and a token for the session: