Video chat

video chat

Look ar tokbox. You can use webview

Joshua Vermillion: Hello Joshua. Do you have a sample about Tokbox?.. I’m really confused since Tokbox now is Vonage. Thanks in advance.

Look at jisti. You can use webview

I tested some possibilities using WEBVIEW passing some information by URL.
To implement video call in adalo you can use JITSI

https://meet.jit.si/

I thought this would be an interesting exercise for creating a component.
Here’s my take on it: https://youtu.be/27UY6J6Zpao
I’ve submitted this to be published to the Marketplace. We’ll see what happens. I’m sure there’s some QA stuff that will be thrown in my face :).
How the component works:

  1. You’ll need a VideoKit.io API key. Currently those accounts are free. Not sure how long term pricing plays out.
  2. You’ll need a unique room ID to issue to the call participants.
    In the video I used the Adalo chat app template to get the initial chat configuration and database in place. I added a column to the conversation database called “video ID” and when a new chat conversation is created I am using a custom function to assign a unique room ID to the conversation. That means any member in that chat conversation can join the same video call.
  3. You can pass a user display name and profile image display value to the component. These fields accept database values so you can use the full name, username, email—whatever you like from the database.
    All that said, in short you don’t need anything fancy to run this. Just a room ID, user display name, profile photo URL, and an API key.

PS! Sorry for the iMovie music :wink::winking_face_with_tongue:

Matheus G. Spartalis: yeah, here’s an example of how that can be implemented for those interested in your suggestion. Though I’m not using iframes in the custom component I shared in my other comment, this gets you the same result.

Tyler Mills: Tyler, you legend! this is a great tip.

John Prins: hope it’s useful!

Matheus G. Spartalis: This is awesome. Extremely helpful, much appreciated. Non-technical person here - can you help me understand if JITSI is special for this purpose, or could this also work with Zoom or Google Hangout?

anyone tried Twilio API?

Damiano Redemagni: nop

Maybe use an auto generated zoom meeting and an external url button?

I am developing a chat and faced the need to add video chat or videoconference to my application, but unfortunately this function and element is not available in Adalo. I would like to support the idea./Разрабатываю чат и столкнулся с необходимостью добавить видео чат или видеоконференцию себе в приложение но к сожалению данной функции и элемента нет в Adalo. Хотелось бы поддержать идею.

Matheus G. Spartalis: can you show us an example of your code like Tyler did below?

Matheus G. Spartalis: I have used that before on one of my other websites to give easy access to video sessions, but that would also work on Adalo, and the users could specify a name for the meeting. I probably would use that method as Jitsi is decent quality.

I’ve developed a component that works well in Android, iOS, and Web.
Early access can be requested here: https://garlik.io
Issues with the solutions mentioned in this thread (including my original comments):

  1. WebView does not play nicely with the iframe video chat solutions in Android & iOS
  2. Current iframe/webview solutions do not allow for call notifications

Originally posted by: tylerssn@gmail.com

Tyler Mills: Hi there. I am using the webview component to show videokit, and have set up usernames and images etc. Do you know how I can customize the layout of the video call with just the webview component?

Thomas Humphrey: I have a flexible marketplace component that enables video calling for web, Android and iOS apps.
Visit garlik.io to request access or message me your email.
If you want to stick with the webview, it gets tricky. You’d need to dig through the videokit.io docs to modify the URL that you are providing to the webview.
Also, the webview video calling explained above will not work in iOS and Android native apps.


Originally posted by: tylerssn@gmail.com