Syncs the position and pause state of the video player between connected peers to watch videos together with friends. Works with direct urls to video files with codecs supported by browsers or youtube links.
Copy the link in the address bar including the room number to someone so they can join the room. There are 2 possible video source methods that can be used:
Enter a youtube url into the input bar, and press enter or click the stream button.
Enter a url of a video stored on an http server publicly, such as https://example.com/video.webm
In this case the file needs to be encoded with a format supported by the browser. For example, h.264 video and aac audio standards.
They also need to be http streamable, i.e., encoded with -movflags +faststart.
Note that a webpage which has a video on it isn't necessarily the link to that video.
- Create a Realtime Database project on Google's Firebase
- Go to Firebase Console and get the credentials under project settings
- Fill the
firebaseConfigvariable insrc/room.tswith the credentials
- Use
npm run servefor local testing
npm installandnpm run buildwill create thedist/folder- Upload the
dist/folder to a static host