Ela TV

On Demand Video Streaming App

INTRODUCTION

01
INTRODUCTION

Ela tv is an on-demand video streaming application that offers the users to browse through a wide range of movies with feasibility to stream and watch free/rented movies online. Rent movies for a specific time period and ‘ela it’ - a big platform for the businesses to show their advertisements to end users.

02

A_ HOMEPAGE

Latest Movies

Easy access for the user to browse through the latest movies from the home page to watch or to rent any of these movies.

Browse Movies

Easy search to find movies by title, description or categories. Organized movie categories based on various genres, discounts, and specials.

02

A_ THE MAIN PAGE

Latest Movie

Easy access for the user to browse through the latest movies from the home page to watch or to rent any of these movies.

Browse Movies

Easy search to find movies by title, description or categories. Organized movie categories based on various genres, discounts, and specials.

03

B_ MAIN CATEGORY

Simple Categories

This on-demand video streaming application has all the movies categorized by genre, specials and top pick which makes it easier for the users to find the best movies.

Navigation Tab Bar

Simplified tab bar for the user to get easy access to ela tv, ela it, and user profile.

03

B_MAIN CATEGORY

Simple Categories

This on-demand video streaming application has all the movies categorized by genre, specials and top pick which makes it easier for the users to find the best movies

Navigation Tab Bar

Simplified tab bar for the user to get easy access to ela tv, ela it, and user profile

PLAYBACK PAGE

04
PLAYBACK PAGE

In this page, user can watch the movie trailers, info and other recommendation list.

Information Page

User get to see movie description, watch a trailer of the movie, rent it and also can have a look at the reviews and ratings.

Favorite List

User can add movies to their favorite list by tapping on the heart button.

,

EXPANDED DESCRIPTION

05
EXPANDED DESCRIPTION

Get to see the movie descriptions, given reviews and ratings by other users. You can share it, add that movie to favourite list to watch it later and rent it. User will also get the recommendation list of the movies to look out for.

06
SEARCH, POPULAR, MY ACCOUNT

In the search tab, user can search for the movies by name, description or categories they want to see.

The user can see account information, top up their digital wallet, change default language and save card details.

ELA AT A GLANCE

07
ELA AT A GLANCE

With the best video quality and numerous video content and movies Ela TV is your next entertainment destination. Rent your favourite movies, watch it with best video quality, post your reviews and ratings for the movie just like Netflix.

VIDEO PLAYER

08
VIDEO PLAYER

Rent or enjoy the movie on our custom built video player, giving you an amazing viewing experience with features like bandwidth adaptive streaming, ads support from Google IMA and Ela it. Implementation of cloud storage service enables us to reduce latency and offer the best quality experience to a large number of the user base.

TECHNOLOGY STACK

09
TECHNOLOGY STACK

Mobile App Technology Stack

CCross-Platform

React Native

A framework for building native apps with React.

PPayment Gateway

Stripe

Stripe is a suite of payment APIs that powers commerce for online businesses of all sizes

C Crash Reports

Fabric

For crash reporting we used Fabric. The most powerful, yet lightest weight crash reporting solution.

SSocial Login

Facebook SDK

User can sign in to our app with their Facebook Login

PPush Notifications

Firebase

Firebase Cloud Messaging (FCM) is a cross-platform messaging solution that sends notification messages to drive user re-engagement and retention.

Backend and Web App Technology Stack

CCloud Server

AWS

Amazon Web Services offers reliable, scalable, and inexpensive cloud computing services.

B Backend Server

PHP-FPM

PHP-FPM (FastCGI Process Manager) is an alternative PHP FastCGI implementation with some additional features useful for sites of any size, especially busier sites.

Node.js

Node.js is an open-source, cross-platform JavaScript run-time environment that executes JavaScript code outside of a browser.

FFrontend Server

Nginx

Nginx is a web server which can also be used as a reverse proxy, load balancer, mail proxy and HTTP cache.

LLoad Balancer

Nginx

Nginx is a web server which can also be used as a reverse proxy, load balancer, mail proxy and HTTP cache.

AWS Elastic Load Balancer

Elastic Load Balancing (ELB) is a load-balancing service for Amazon Web Services (AWS) deployments

NNotifications

Firebase

Firebase Cloud Messaging (FCM) is a cross-platform messaging solution that sends notification messages to drive user re-engagement and retention.

AWS Simple Notification Service

Amazon Simple Notification Service is a notification service provided as part of Amazon Web Services

IInfrastructure Orchestration

Terraform

Terraform is an infrastructure as code software, it allows users to define a datacenter infrastructure in a high-level configuration language.

AWS Cloudformation

AWS CloudFormation is a comprehensive templating language that enables you to create managed 'stacks' of AWS resources, with a growing library of templates available for you to use.

SServer Stack

Docker

Docker is an open platform for developers and sysadmins to build, ship, and run distributed applications, whether on laptops, data center VMs, or the cloud.

AWS Elastic Container Service

AWS CloudFormation is a comprehensive templating language that enables you to create managed 'stacks' of AWS resources

SLogging & Monitoring

AWS Cloudwatch

AWS CloudFormation is a comprehensive templating language that enables you to create managed 'stacks' of AWS resources

AWS EC2 Cluster

AWS EC2 cluster is a logical grouping of tasks or services.

SServerless

AWS Lambda ( Python & Node.js )

AWS Lambda is an event-driven, serverless computing platform provided by Amazon as a part of the Amazon Web Services.

MMedia Service

AWS Elemental Media Convert

AWS Elemental MediaConvert is a file-based video transcoding service with broadcast-grade features. It allows you to easily create video-on-demand (VOD) content for broadcast and multiscreen delivery at scale.

AWS Elastic Transcoder

Amazon Elastic Transcoder lets you convert media files that you have stored in Amazon S3 into media files in the formats required by consumer playback

Vimeo

Vimeo is a video-sharing website in which users can upload, share and view videos.

CCDN

AWS Cloudfront

Amazon CloudFront is a content delivery network offered by Amazon Web Services.

CCI/CD

Gitlab

GitLab is a web-based Git-repository manager with wiki, issue-tracking and CI/CD pipeline features

Elastic Container Registry

Amazon Elastic Container Registry (ECR) is a fully-managed Docker container registry that makes it easy for developers to store, manage, and deploy Docker container images.

CCache & Message Queue

Redis

Redis, RE-dis is an open-source in-memory data structure project implementing a distributed, in-memory key-value database with optional durability.

AWS Simple Queue Service

Amazon Simple Queue Service is a distributed message queuing service

DDatabase

AWS Relations Database Service (MySQL)

Amazon Relational Database Service (Amazon RDS) is a web service that makes it easier to set up, operate, and scale a relational database in the cloud

FFile Storage

AWS Block Storage

Amazon Elastic Block Store (Amazon EBS) provides persistent block storage volumes for use with Amazon EC2 instances in the AWS Cloud.

AWS S3

Amazon S3 is a cloud computing web service offered by Amazon Web Services.

TTechnologies

PHP ( Laravel )

Laravel is a free, open-source PHP web framework, created by Taylor Otwell and intended for the development of web applications following the model–view–controller architectural pattern and based on Symfony.

FEATURES

10
FEATURES
On-Demand Video Streaming
High Streaming Quality
Screen Mirroring with Chromecast
Free/Rent Movies
Advertise your Business
Geolocation Tracking
Digital Wallet
Multilingual

ARCHITECTURE

11
ARCHITECTURE

CHALLENGES

12
CHALLENGES

Developing a Custom Video Player

To give users the best quality user experience of their movie our team has built a custom video player with a clean architecture that enables the user to get high-quality video content.

Handling Large User Base

Thousands of request at a time! This shows the app has gone popular among the people in literally no time but now the challenge was to handle all the request and able to provide all the users a crash free and smooth experience. We have handled that easily with 98% of crash-free user experience.

High Streaming Quality

We were able to overcome the challenge of providing high video streaming quality to the worldwide users. We are providing the best streaming quality and experience to our worldwide users.

Multiple Upload Channel

To handle the huge amount of video content and at the same time making sure that the app stays lightweight as much as possible our team has used AWS for Movies streaming and Vimeo for all the custom ads.

Dynamic Language Support

Providing dynamic language support was a very big challenge our team has faced. But our team developed an interface that allows the user to select between languages and as per their selection, the entire application is loaded in that particular language.

Security from the content piracy

To cope up with the content piracy issue, Our team found the solution of disabling the Screenshot and Screen Recording feature in the app to eliminate any chances of content piracy, just like Netflix.

Displaying Custom Ads

It was not just a google ads integration, we are looking here for a custom ads platform that can showcase the local business with the feature of geolocation tracking. The Custom ads platform enables us to customize the way ads look and feel within the application.

Integrating Chromecast

Integrating the Chromecast was the simpler part but the tricky part was the alignment and user experience of the video content & ads have to provide the same quality experience to the users in the wider screens as well.

SOLUTION

13
SOLUTION

After the hours of brainstorming the challenges faced and implementing the solution. We finally developed the app and all set to launch the app, our custom developed On-Demand Video Streaming App! Ela tv.

We were all surprised and excited by the amount of user base we got in no time. But thanks to our team, the system was able to handle all the user base and processing thousands of request smoothly to provide best quality user experience to all the users across the globe.

UI/UX

14
UI/UX

In today’s competitive world only a good UI/UX will eventually define the fate of the app. Our designing team successfully designed eye-catching designs with prominent user-interface for the ela tv that tempts the visitors toward app.

STATISTICS

15
STATISTICS
Staggering figures achieved within 3 months of App launch

4.5/5

App Ratings

80+ GB

Outbound Transfer

60,000+

Request Rate

98%

Crash Free User Experience

10,000+

User Base

AVAILABLE ON

16
AVAILABLE ON