How to add video chat on your website using Arvia Web SDK

A doctor is getting contact with her patient via Arvia video chat on the hospital's website

Where To Use

  • You can create your own fully customizable video calling platform.
  • You can programmatically use all advanced Arvia features.
  • You can handle all of the meeting events and trigger actions accordingly.
  • An easy-to-use SDK for developers.

Getting started

In this guide, you will learn how to embed a video meeting on your web page using Arvia Web SDK.

Basic setup

The most straight-forward way to use the Web SDK is to include the required files from our CDN as seen in the code below.

  • arvia.chat.js

No other framework or library is required.

				
					<!-- Include arvia.chat.js from Arvia CDN -->
<script type="text/javascript" src="https://arvia.chat/js/arvia.chat.js" ></script>
				
			

Then in the body section of your HTML, create a div element and set the id=”arvia.chat”

				
					<body>
<div id="arvia.chat"></div>
</body>
				
			

We will use this div element to create Arvia meeting UI. We will do this by initializing the Arvia Chat object

				
					var arviaChat = new ArviaChat();
arviaChat.init("arvia.chat");
				
			
We will set the testUser value to true to bypass the domain verification for now. For more information about the verification please visit.
				
					arviaChat.setTestUser(true);

				
			
Now, we need to set the room name in the SDK. Since we set the test user true, we will use a test room name in the format of test-room-x
				
					arviaChat.setRoomName("test-room-1");

				
			
Now we are ready to connect the server.
				
					arviaChat.connect();

				
			
That’s it! Now if we look at the complete code it will be more or less similar to this.
				
					<html>

<head>
	<script type=“text/javascript”
		src="https://arvia.chat/js/arvia.chat.js"></script>
</head>

<body>
	<div id="arvia.chat"></div>
	<script type="text/javascript">
		var arviaChat = new ArviaChat();
		arviaChat.init("arvia.chat");
		arviaChat.setTestUser(true);
		arviaChat.setRoomName("test-room-1");
		arviaChat.connect();
	</script>
</body>

</html>
				
			
To play with this demo, go to our Quickstart page. For more sample implementations have a look at our GitHub page.


0 Comments

Leave a Reply

Follow us on

Back to top