YUV TV

Client Requirements

The client wanted to provide an app and android-TV based OTT platform that provides various kinds of audiovisual content. The main requirement was to provide audio, and video content including VOD(Video on demands), Podcast, Radio, and Television channels with EPG format, and Live streaming events that users can browse, watch and listen to at their convenience. Along with that, the client wanted to add the EPG format for television where users can see the past program on the channels and as well as be able to view upcoming program lists of all the listed channels.

Apart from that, the client wanted to provide various podcast and radio facilities to the users which they can listen to any time they want. The users can also access the premium content after paying through the credits. The users can view the live events, and VOD content. Along with that, the client wanted an OTT platform based mobile application that users can access on any android or iOS mobile phone and Android TV on up to 5 devices.

Mobile App

YUV Tv – Web And App-Based Audiovisual OTT Platform.

Create Account

Users can register themselves by providing information like user name, name, email address, and mobile number. The system will send a confirmation email on the registered email accompanied by the login details for the authentication process.

Login

Users can log in to the platform through username in details sent to the registered email during the account creation process.

Profile Creation

Users can fill in their profile details such as Photo, First Name, Last Name, Email Address, Phone Number, Address, City and various other things.

DashBoard

Users can browse through various trending video content banners based on categories, premium and all the content and also access various sections such as home, favorites, profile, and notifications section from their dashboard.

Home

Users can browse through various trending video content banners based on categories, premium, and all the content and also access various sections at their convenience.

Videos

Users can view the list of the videos. Users can click on the list to view video details. Users can view the info on the popup.

Podcasts

Users can view the list of the podcasts, and click to see all videos & podcasts.

Video Details

Users can view video details such as thumbnail, title, price, duration, description, list of recommendations, seasons and episodes info (If TV Show), list of seasons (If TV Show), list of episodes (If TV Show), and option to favorite, option to play video, option to purchase and various others things along with a video player window.

Play Video

Users can play videos. Along with that, users can manage the video quality from the available quality list, forward or backwards the video, manage the audio to turn it on and off, manage the subtitle if available to turn on/off or change the language.

Podcast Details

Users can view podcast details such as title, category, duration, description, option to purchase if the content is premium, List of multiple podcasts (If any), Option to favorite, option to play/pause, option to seek backward/forward, total & current play duration and various other things along with a podcast player window.

Live

Users can view the list of live channels and radio. Users can switch between them as well. Users can search for channels and radio. Users can play the live TV. Users can view the channels in EPG format with a timeline view of different programs.

EPG View

Users can view EPG for live channels. Users can view the list of programs and schedules on time along with scale along with the marks that can show the already passed shows, current running shows, and upcoming shows.

Live Events

Users can attend the live events happening on the platform. Users can view the list of upcoming live events. Users can leave and rejoin the live at their convenience till the event is live.

Favorites

Users can view their favorites through various categories such as the latest Videos, channels, podcasts, Audio Live and so on. Users can search under their favorites. Users can remove content from favorites.

My Account

Users can view account details and edit profile details.

Wallet Credits

Users can access the wallet credits to purchase content. Users can view the available credits. Users can purchase the credit in-app purchase as well.

Push Notifications

The users can view and receive push notifications about future programs, subscriptions, live streaming and various others.

Subscriptions

Users can buy the video and audio content through in-app purchases. Users can view their subscription status and add the credit.

Payments

Users can pay for the audio and video content through credits. Users can add the credits through various payment modes such as Google pay and Apple Pay.

Change Password

Users can change passwords from the profile section.

Language

Users can choose their preferred app language from Spanish and English.

Default

Users can set the language selection, subtitle and video quality as the default.

Connected Devices

Users can view, add, update and delete the connected devices.

Logout

Users can log out from the mobile app through their profile sections.

Mobile Screens

Android TV App

YUV Tv – Web And App-Based Audiovisual OTT Platform.

Login

Users can log in to the platform using login details sent to the registered email during the account creation process.

DashBoard

Users can browse through various trending video content banners based on categories, premium and all the content and also access various sections such as home, channels, VOD, podcast, series, radio, favorites, search functionalities, notifications and profile section.

Home

Users can view the video content banners along with video details, add them to their favorites, play the videos and view the list of videos based on categories, view continue watching videos, list of popular videos, podcasts and so on.

Channels

Users can view the list of channels along with the details about the channels, shows and programs. Users can play the channel, add them to their favorites and view the EPG.

VOD

Users can view the VOD content along with the VOD descriptions. Users can view the list of VOD content listing category wise. Users can view the VOD content or add them to their favorites.

Podcast

Users can view the list of podcasts which they can buy through credits if the content is premium. Users can view the podcast description, play the podcast or add them to their favorites.

Series

Users can view the list of series based on categories along with the description of the series. Users can watch the series or add them to their favorites.

Radio

Users can view the list of radio channels based on categories. Users can play the radio channel or add them to their favorites.

Favorites

Users can view the list of content such as channels, VOD, podcasts, series, radio, video and so on they have added to their favorites.

Notifications

Users can view the list of notifications they have received from the admin.

Account

Users can view their account details such as username, registered email address, and number. Users can access various sections such as language, subscription, help and privacy policy from their account section.

Subscription

Users can not upgrade their subscription through the Android TV. They should access the YUV Tv website or mobile application for that.

Language

Users can choose their preferred app language from Spanish and English.

Videos

Users can view the description of videos. Users can continue watching from the last they have left, view the video description, and add them to their favorites. Users can start watching from the start. Users can view the list of recommendation videos.

Play Video

Users can play videos. Along with that, users can manage the video quality from the available quality list, forward or backwards the video, manage the audio to turn it on and off, and manage the subtitle if available to turn on/off or change the language.

EPG Format

Users can view EPG for live channels. Users can view the list of programs and schedules on time along with scale along with the marks that can show the already passed shows, current running shows, and upcoming shows.

VOD

Users can view the content through premium view videos and different categories. Users can see all videos under that category. Users can switch between videos or podcasts. Users can click to view video details such as episodes, videos, seasons and video ranks and so on. Users can search for content videos and podcasts. Users can purchase premium content using the wallet.

Series Seasons

Users can view the list of seasons, along with the number of episodes, and details of episodes such as video descriptions, durations, release date and so on.

Audio Live

Users can view the list of live audio, play the audio, add them to the favorites and see the list of recommendations.

Live Events

Users can attend the live events happening on the platform. Users can view the list of upcoming live events. Users can leave and rejoin the live at their convenience till the event is live.

Logout

Users can log out from the Android TV app through their profile sections.

TV Screens

Colors & Typography

Aa

Poppins

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz

For Customers

Project Approach & Results

Well, we all know there are not many options available that allow viewers to view live, events, web series, movies, radio, podcasts and various other audiovisual content on a single app and android TV-based OTT platform.

So, our aim for developing the mobile application and android TV-based OTT platform was to resolve all the issues that viewers tend to face about the audiovisual content while being on the journey using different frameworks and approaches. To begin with, we analyzed the concept hypothetically and created a file with the complete details covering all these points, diagrams, scenarios, problems, flow charts, and SRS for the entire workflow and planned the OTT platform based mobile application development process. After finalizing the document, In the third phase, based on the client’s requirements and our findings, we defined OTT platform architectures for YUV TV OTT platform . After that, Our team of designers started working on the prepared OTT platform wire-frames and Application design. After getting approval on the final app design, our team of developers move ahead with the development phase. We created the prototype for the YUV Tv OTT platform with all the native data, After the client’s review and confirmation of the prototype. The app developers started their development process by choosing the best-fit technology for android, iOS, and Android TV. We integrated APIs in the YUV Tv OTT platform and completed the whole app data flow.

We chose native technology swift for iOS development and Kotlin for android development and used JSON-based rest API development with Node and Express Framework. As the main purpose of the OTT platform application is to provide a smooth service experience to the users, our team of developers took the help of the Matic network to deliver an exceptional user experience.

From requirement gathering to deployment, the YUV Tv OTT platform development journey was full of challenges. However, our dedication and teamwork led us to deliver the solution successfully, as well as within the prescribed timeline & budget. After the development phase, our QA team tested the application before finally delivering it to the client.

Challenges

1. User-friendly and Customized UI

The primary concern of the YUV Tv OTT platform is to provide the simplest user interface. So, our developers created many custom views and created a UI that looks modern at the same time; it should be simple and easy to use including various sections such as a customized player for live streaming, VOD, podcast, and radio with each and every feature such as quality, subtitle, audio, episodes.

2. Customized EPG Support

Another OTT platform requirement was to provide Fully customized EPG support for live Channels where users can view past programs as well as a current channel like TV. Our developers resolved the challenge by developing the algorithm and handled this specific client request pretty well.

Technology Stacks

We have used the latest technologies that can justify client requirements
at the best to deliver bug-free solutions.