Arvia Web SDK kullanarak web sitenize görüntülü sohbet nasıl eklenir?

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

Nerede Kullanılır

  • Tamamen özelleştirilebilir kendi görüntülü arama platformunuzu oluşturabilirsiniz.
  • Tüm gelişmiş Arvia özelliklerini programlı olarak kullanabilirsiniz.
  • Tüm toplantı olaylarını yönetebilir ve buna göre eylemleri tetikleyebilirsiniz.
  • Geliştiriciler için kullanımı kolay bir SDK.

Başlarken

Bu kılavuzda, Arvia Web SDK kullanarak web sayfanıza nasıl görüntülü toplantı ekleyeceğinizi öğreneceksiniz.

Temel kurulum

Web SDK’yı kullanmanın en basit yolu, aşağıdaki kodda görüldüğü gibi CDN’mizden gerekli dosyaları eklemektir.

  • arvia.chat.js

Başka bir çerçeve veya kitaplık gerekmez.

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

Ardından HTML’nizin gövde bölümünde bir div öğesi oluşturun ve id=”arvia.chat” değerini ayarlayın.

 

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

Arvia toplantı kullanıcı arayüzünü oluşturmak için bu div öğesini kullanacağız. Bunu Arvia Chat nesnesini başlatarak yapacağız.

				
					var arviaChat = new ArviaChat();
arviaChat.init("arvia.chat");
				
			

Şimdilik alan doğrulamasını atlamak için testUser değerini true olarak ayarlayacağız. Doğrulama hakkında daha fazla bilgi için lütfen adresini ziyaret edin.

 

				
					arviaChat.setTestUser(true);

				
			

Şimdi, SDK’da oda adını ayarlamamız gerekiyor. Test kullanıcısını true olarak ayarladığımız için test-room-x formatında bir test odası adı kullanacağız.

 

				
					arviaChat.setRoomName("test-room-1");

				
			

Artık sunucuya bağlanmaya hazırız.

				
					arviaChat.connect();

				
			

Bu kadar! Şimdi kodun tamamına bakarsak, aşağı yukarı buna benzer olacaktır.

				
					<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>
				
			
Demomuzla oynamak için Quickstart sayfasına gidebilirsiniz. Daha fazla uygulama örneği için GitHub sayfasına gidebilirsiniz.


0 Comments

Bir cevap yazın

Bizi Takip Edin

Back to top