You are opening our English language website. You can keep reading or switch to other languages.

Aplicación personalizada de transmisión en vivo con múltiples cámaras

Location

Estados Unidos

Client

The client is a startup that provides a multi-cam live streaming platform for bloggers, influencers, and content creators helping them manage and monetize their video content. By leveraging the platform, users can unleash their creative powers and easily produce stunning and dynamic videos by connecting several cameras simultaneously and making their video streams look professional and engaging.

Business Challenge

In recent years, the trend of live streaming has taken the world by storm. To stay ahead of the curve and engage video content creators and streamers, the client had to ensure that their web platform and mobile apps could effectively cope with high-resolution videos, provide smooth and lag-free camera switching, and generally provide a top-notch user experience.

However, at some point, the client spotted unstable work of the mobile app, latency, and unsatisfactory performance. To evaluate the reason for that and to find ways to address the issues, the client reached out to DataArt.

Meeting the Challenge

The client's solution includes a web platform for creating and managing live video feeds and native iOS/Android apps that allow users to send their video and audio streams from their mobile devices to the web platform. 

Discovery

To detect all the issues and distinguish the reasons behind them, the DataArt team started by conducting an extensive discovery phase followed by preparing the solution design project based on the findings. At this stage, it became obvious that the reasons for many issues were rooted in less than optimal architecture of the original platform. 

Solution Diagram Image
Image 1. Solution Diagram

Hence, DataArt decided to "treat" the cause rather than symptoms and designed the optimal architecture for the web and mobile apps as well as selected the proper tools and technologies to implement it.

Technical Implementation

After the solution design, it was decided to develop both the mobile and the web apps anew. Along with a novel approach to the architecture, the DataArt team took the following steps:

  • Organized collecting of all the streams from all the cameras on a single server to avoid hops
  • Used UDP-based WebRTC and SRT to reduce latency and eliminate freezes and stuttering
  • Applied AWS VGPU plugin + Nvidia MPS to ensure multi-processing (up to 10 concurrent processes)
  • Reduced switching latency from 3-4 sec to 250 ms by forcing keyframes every 0.5 sec
  • Used GStreamer to manage media streaming and switching
  • Implemented WebRTC to deliver high-resolution video streams

Novel Prototype and UI

In addition to improvements made on the software development end, the team came up with a novel prototype and UI/UX based on the system that follows Human Interface Guidelines (HIG) and Material Design essential for the iOS and Android apps. The new UI provided better accessibility and usability.

Novel UI Image
Image 2. Novel UI

Business Benefits

With a novel architecture, decreased latency, and improved performance, both web and mobile apps became more accessible and manageable for streamers. All the technical and design improvements ensured that the client’s customers are receiving better orchestration of the live streaming process. Now, they can invite different cameras in one click and manage video and audio from the camera in a more straightforward way without delay. As a result, the usability and user experience of the platform increased significantly.

Technology

Web Platform
  • Backend: Python, FastAPI, GStreamer, Pytest
  • Frontend: JS, React, AWS Amplify
  • DB: PostgreSQL, AWS Aurora
  • Infrastructure: AWS Suite
  • DevOps: AWS CDK, Terraform
  • CI/CD: Jenkins, AWS CodeBuild, Bitbucket Pipelines
  • Others: Bitbucket, Jira, Confluence, Slack
Mobile App
  • iOS: Swift, WebRTC SDK
  • Android: Java, WebRTC SDK
Integrations
  • Payment: Stripe
  • Social Networks: YouTube, Facebook
  • Others: Custom RTMP server
Contact Us
Please provide your contact details, and we will get back to you promptly.