NontonKuy
Entertainment media platform for virtual watch parties. Equipped with interactive live chat, video playback synchronization, and public screening rooms.
Project Overview
NontonKuy is an innovative social streaming platform designed to bridge physical distance by bringing the concept of virtual watch parties to your browser screen. Users can create private or public screening rooms, invite their friends, and watch videos in perfect synchronization. Equipped with an interactive live chat featuring stickers and reactions, NontonKuy turns passive video viewing into a dynamic and fun communal experience.
Challenges
& Solutions
How we turned complex technical problems into elegant, structured digital solutions.
Keeping the video playing at the exact same second (perfect frame synchronization) across dozens of viewers in the same room.
Developing a video player state sync engine (play/pause/seek) using WebSocket protocols with network latency compensation calculations.
Preventing live chat lags when viewers react en masse during climax movie moments.
Applying message throttling and optimizing chat rendering components in React using virtualized lists.
Managing video playback bandwidth so it doesn't overload hosting servers when multiple watch rooms are active concurrently.
Integrating HLS (HTTP Live Streaming) video streaming combined with an external CDN (Content Delivery Network).
Workflow
Consultation
Discussing the watch party user flow, video streaming formats, and websocket chat scalability.
Planning
Designing video timestamp sync algorithms and the user interface layout for the watch room.
Development
Building the React frontend application and programming the Node.js-based WebSocket server.
Quality Assurance
Testing video sync accuracy across different devices and simulating chat loads of thousands of messages per minute.
Launch & Support
Deploying WebSocket servers on cloud with load balancing and launching the public beta version.
Consultation
Discussing the watch party user flow, video streaming formats, and websocket chat scalability.
Planning
Designing video timestamp sync algorithms and the user interface layout for the watch room.
Development
Building the React frontend application and programming the Node.js-based WebSocket server.
Quality Assurance
Testing video sync accuracy across different devices and simulating chat loads of thousands of messages per minute.
Launch & Support
Deploying WebSocket servers on cloud with load balancing and launching the public beta version.
Screenshots Gallery
A glimpse into the interface and user experience we meticulously designed.
Achieved Results.
Server Cost Savings
The new video compression process successfully reduced monthly AWS storage costs by 30%.
Buffer-Free Streaming
Adaptive bitrate ensures movie resolution automatically adjusts to user internet speed without stuttering.
Increased Watch Time
Relevant recommendation algorithms increased average watch times from 45 to 75 minutes.
Inspired by this project?
Let's discuss how Zellio can bring your company's digital vision to life.