Skip to content

Watch movies with your friends remotely. Interact with them using the chat. 🎥🥳

License

Notifications You must be signed in to change notification settings

OpenLake/WatchParty

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 

Repository files navigation

Welcome to WatchParty👋

🤔 Problem

We sometimes want to connect to our friends and family who might be living far away from us. Watching videos together is one of the best ways to spend time together. So this chrome extension allows people to watch content together with everyone watching the same content on everyone's screen

✨ Features

  • Separated rooms for watch parties
  • Chat feature for communicating between the connected users
  • Time stamp synchronization with the host across all the connected users in the room
  • A Node.js server handles all the users in the room
  • Tech Stack : Node.js, JavaScript

All users open a shared link to a YouTube video and then join the room. Please note that the host should click on play/pause button or on the progress bar instead of using keyboard shortcuts.

The video will sync automatically when the host plays/pauses the video or seeks the progress bar of the video

When you join a room

Screenshot-from-2022-12-13-18-05-34

Chat feature

Screenshot-from-2022-12-13-18-09-37

🔧 How to get the extension loaded?

Steps :

  1. Copy the HTTPS/SSH URL of the repository.

1

  1. Navigate to the desired location on your local and open command line there. Run this command : git clone Enter URL
    You should be able to see these files and folders.

2

  1. Open chrome and click on extensions icon on top-right side of the window.

3

  1. Click on "Manage extensions".

4

  1. Click on "Load Unpacked".

5

  1. Click on "extension" folder and then on "Select Folder".

6

Your extension is successfully loaded

It should look like this :

Screenshot 2022-12-16 154116

To start the server locally :

  1. Open the "server" folder and open command line there.
  2. Run this command to install dependencies : npm install
  3. Run this command to start the server locally : npm start

Screenshot (31)

Now you are good to go 👍.


🎯 Future Goals

Integrate this extension with other streaming sites like Netflix, Amazon Prime, etc.

Maintainers