SDK integration with VueJS and Capacitor
Hi
I’m actually trying to integrate the rainbow SDK for Mobile into one of our hybrid apps made with VueJs and Capacitor. At first glance I was using the web SDK using your Github repository but even though Android is working as expected, when I build the app for IOS devices the video call functionality doesn't work.
Doing some research on my own I figured out that the thing that was causing this is the WebRTC that manages the video on your SDK. Android is working correctly because it is using the Google Webview but in Safari this is not implemented. I also tried to use some npm dependencies to expose the WebRTC in Safari (https://www.npmjs.com/package/cordova-plugin-iosrtc-capacitor)
but i couldn’t make it work.
So now I'm implementing the Mobile SDK for IOS but im facing some issues too. I implemented the WebRTC and the Rainbow frameworks into the Xcode project manually downloading from your website. Then I implemented the functionality from your API into the appdeletegate.swift that Capacitor generates when I build the project with the IOS platform and managed to make calls from the website to the mobile app with audio and video, but in the phone screen I can't see the remote video. I’m not really sure if this is caused because I'm not adding the remote video correctly or this screen with the video is overlapped by the main Webview screen provided by Capacitor.
I already check the documentation for the web and IOS SDK but i couldn't find any solution.
If you could provide me some guidelines about how to implement your framework into this Capacitor App for IOS it would be very helpful.
Thank you!
Please sign in to leave a comment.
Comments
0 comments