Watch Together

Allows a websocket connection (password protected) to stream videos to multiple clients with real time video controlling
Lists videos from S3 bucket and allows user to choose one and have others connect to the same video "room"

Screenshots

Developing

Server

These env vars must be set before running the command below
- export AWS_URL=
  - For accessing S3 bucket
- export AWS_ACCESS_KEY_ID=
  - self-explanatory
- export AWS_REGION=
  - Your S3 region
- export AWS_SECRET_ACCESS_KEY=
  - self-explanatory
- export AWS_S3_BUCKET=
  - For accessing bucket that contains video files
- export PASSWORD=
  - Password to get into the video library
- export COOKIE_VAL=
  - Cookie value you want to be set which the app will look for upon each request
go run main.go will run the Go backend
This project also uses air for hot reloading

Client

Since this project uses TailwindCSS for styling, you will have to regenerate the client/output.css if working on styles
- Simply run npx tailwindcss -i ./client/input.css -o ./client/output.css --minify --watch
- This will generate a minified CSS file and also watch for changes as you edit styles
client/client.js contains client code where the Websocket gets created and messages are sent/received
To use localhost instead of prod url for Websocket creation, change PROD = 0 in header.hbs

TODO

Fetch bytes of video faster (multi-thread it?)