I'm working on a Reactive Web Application and would like to integrate Kaleyra Video SDK (https://developers.kaleyra.io/reference/video-make-a-video-call-with-web-sdk) to enable seamless video calling functionality. Specifically, I am looking for guidance on how to set up and configure the Kaleyra Video SDK within my application. I've attached a sample HTML file that you can run locally to initiate the video calling feature.
Hello, Shivom.
The link you provided has the information on how to implement this functionality using Javascript.
My suggestion is to create a component (block) to encapsulate this SDK and the required functionality.
Here you have a link on how to include a JavaScript library in your application.https://success.outsystems.com/documentation/11/integration_with_external_systems/javascript/use_javascript_code_from_an_external_library/
And here you have a link on how to call Javascript from OutSystems:https://success.outsystems.com/documentation/11/integration_with_external_systems/javascript/extend_your_mobile_and_reactive_apps_using_javascript/
With this and following their instructions on how to authenticate, get the token and start the call, you should be good to try it yourself.
Cheers!
Te begin with download the js file https://cdn.bandyer.com/sdk/js/chat/2.9.1/bandyer-widget.min.js (referenced in the html shared) and include in your project. Please refer to the link shared by @Eduardo Jauch.
Create a page and refer the imported script in your page
In the 'On Ready' page event, create a JavaScript node and copy everything from line 10 to line 56 (i.e., everything inside the script tag). Now add a button, and on its click event, add another JavaScript node and call the videoCall() function inside it.
Once this basic setup is done and working, you can start refactoring the code by moving it to a block and parameterizing your token, etc.
Please note that before testing, you need to get latest token and replace in respective section ( Its line no 19 in the html ).