WebRTC powered cross-platform video calling code samples (web, ios and android)

Posted on by Nate Macleitch

Video calling is now becoming truly cross-platform thanks to emerging WebRTC technology.


QuickBlox has brought easy “drag’n’drop” video calling to iOS in early 2013 and to Android later same year. iOS and Android video calling libraries in QuickBlox were made compatible with each other allowing users of two most popular mobile platforms to call each other as seen in Skype, Facetime etc. In addition to Chat, Push Notifications and other APIs of QuickBlox it allowed thousands of our users to seamlessly connect their user base and enable multi-channel communication in their mobile apps.

Integrating video calls into web or desktop apps however has always been challenging. Existing SDKs and libraries were mainly represented with buggy and cumbersome solutions typically powered by Flash Media Server. Good reliable code samples were literally not existent and obviously Apple deciding not to support Flash made this solution totally incompatible with iOS devices.
We know from lots of clients requests this has been a pain and solutions from other vendors didn’t really work too.

WebRTC, backed by Google, W3C and many others, is a technology that is designed to resolve that and enable cross-platform video chat, voice calling and p2p file transfer without.

It is now several months that QuickBlox team has worked on integrating WebRTC into our core products. We have successfully managed to integrate the technology and effectively enable truly CROSS PLATFORM communication, now with video calling support added for Web / Desktop clients too.

I therefore wanted to provide a general update on the current progress with our WebRTC powered implementations and provide the latest actual links for developers to use.

Web (Javascript) SDK WebRTC code sample
Use this to add video calling support to any web and desktop clients.

webrtc_web_1 webrtc_web_2

Web Chat/IM widget with WebRTC video calling
Use this when you need to add a complete chat room supporting Facebook login, ‘now typing’, user profiles, group and 1:1 (private) chats, emoticons etc. This works via iframe and can be easily inserted into a ready HTML page or a website sidebar. Also compatible with WordPress CMS through a special plugin.

widget_1 widget_2

iOS WebRTC code sample
Use this to add video calling support to iPod / iPhone / iPad apps.

[in progress, publishing the stable release link in few days]

Android WebRTC code sample
Use this to add video calling support to Android apps.

[in progress, publishing the stable release link in few days]

Out-of-the box messenger app (‘WhatsApp’ / ‘Skype’ style) code sample

Aside from WebRTC implementations, following our users’ requests and demands, last 6 months we have been working on a new generation of code samples where all the essential bits are implemented, from instant messaging / video calling / push notifications down to smaller bits and features which were not parts of our code samples previously and developers had to build them manually. Stay in touch to get updates on this coming release!

This post is going to be updated with most relevant code samples links as soon as they are released.