Blog/ How to add live interactive videos in your product
October 21, 20226 min read
ON THIS PAGE
Live interactive videos in the products that allow people to live, work, play, and learn together is the future. The onset of the global pandemic led us to use video conferencing tools, such as Zoom, for interacting with people.
Did you read about our $20M Series A funding?
Settling into this new reality, builders (aka developers) are coming up with great ideas about how video conferencing is not the central fabric but an enabler in a shared environment.
Are you a Flutter developer? checkout our recent guide on Flutter WebRTC
Let's 'zoom' in a bit to understand how developers are thinking beyond Zoom:
Read more about designing EdTech app with 100ms and translating needs into features.
Gold quality audio/video call
Developers want high-quality video conferencing even before the thought of building custom applications . The complexity of video conferencing, however, is higher than just streaming video.
Also, the complexity increases exponentially with the number of people interacting via video. Let’s look at some simple math.
If 98% of people experience good-quality video calls for a single person streaming, then the probability of having a high-quality video call with 2 people = 0.98*0.98 = 0.96 = 96%
But, the probability of having a good-quality video call with 20 people when a single person is streaming becomes = 0.98 * 0.98 *0.98...20 times = 0.66 = 66%
As you can notice that in a shared experience, everyone's error rate gets multiplied and the probability of having a good experience reduces with more people.
Let's dive deeper into the issues:
Developers need to spend a significant amount of time to discover and fix these issues. A lot of time the issues are device specific and a lot harder to fix. The time spent on making the video conferencing work could be better spent on the growth of the product.
100ms abstracts out all of these complexities in the APIs so that developers don't spend time on fixing the same issues.
In order to support a good-quality video conference, developers need to spend a significant amount of time tuning the parameters for bandwidth availability and device peculiarities.
Imagine a 10-party conference where everyone is sending 256kbps of video data. Now let's take some end-device constraints as an example.
This is a very common problem where not everyone's network has the required download bandwidth. Take a case of:
This ultimately results in a bad video conferencing experience.
How to fix :
The brute force fix is to reduce everyone's video upload bitrate to fit into the bandwidth availability of the participant with the worst internet speed. In our case this would mean adjusting everyone's bitrate at 100kbps. However, this would not yield the perfect video conferencing experience.
The right solution is to degrade the experience of the participant with the least internet speed while the rest of the participants enjoy good quality video. However, designing such a solution requires significant effort.
This problem happens especially with mobile devices. Take a case of:
This will lead to the phone overheating and crashing, which in turn will spoil the video conferencing experience.
How to fix the problem:
The right solution will require constant active speaker detection. It is not advisable to download the video of participants who are not active speakers to save on the network. This means the developers will have to write complicated logic of who are the active speakers and show/hide their videos in real-time.
A significant amount of time needs to be spent building logic for handling diverse network and device conditions. 100ms abstracts out these constructs as "auto-tune" and changes these parameters dynamically such that everyone in the conference will be able to enjoy a high-quality video experience.
Instead of solving audio/video issues, building user engagement is where developers want to spend time. However, they find the primitives missing for synchronizing the audio/video with the state of the room and participants. Let’s take a few examples:
At 100ms, we understand these challenges and hence plan to build a real-time database which is supported along with audio/video infra.
Things worked great in the internal dog-fooding sessions. Now metrics are needed to measure engagement with the users. Typically, metrics are classified into two areas - Growth metrics and error metrics. One shows an upward trend while the other one pulls the product down. Questions that you are trying to find answers for:
The other kind of issues are more social or related to business logic.
How can 100ms help in building interactive videos?
Being a video-first team, we understand how time consuming and painful it is to build scalable video applications that work flawlessly. 100ms has been built on the principle that complex problems that are common for all video applications must get abstracted in the SDK. The abstraction, however, shouldn't limit developers into an opinionated user experience, or box them into just a few common use-cases.
Build your live app with 100ms and get first 10,000 minutes for free - TRY IT NOW
In the next blog, we will go into the details on how we are helping developers build live applications with 1000% reduction in the lines of code required.
Until then try one of our step-by-step guides to building Clubhouse 👋 like app
Product & News