<img src="packages/syncwatch-extension/public/icons/icon128.png" alt="SyncWatch logo" align="right" />

SyncWatch

SyncWatch is extension for browsers which lets you watch videos together with friends synchrounosly.

Browsers support

| <img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png" alt="Firefox" width="24px" height="24px" /><br/>Firefox | <img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png" alt="Chrome" width="24px" height="24px" /><br/>Chrome | <img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/opera/opera_48x48.png" alt="Opera" width="24px" height="24px" /><br/>Opera | | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |

How to use

1. Install extension.
2. Click on plugin icon.
3. Write your name and room name. (If room is not exist it will be created)
4. Click 'connect'.
5. Share name of the room with friends. They must follow this instruction (1-4 steps).
6. Go to the page where video is located.
7. Click 'share' to send link in room.
8. Other in room should open this link.

Run server locally

To get a local copy up and running follow these simple steps.

1. Clone the repo

git clone https://github.com/Semro/syncwatch.git

2. Move to the project directory

cd syncwatch/packages/syncwatch-server

3. Install NPM packages

npm ci

4. Run the server

npm run start:dev

• Run the server on other port

  npx cross-env PORT=8080 npm run start:dev

How to add a localization

1. Determine an ISO language code such as en referring to kLanguageInfoTable.
2. Go to locales package folder: cd packages/syncwatch-locales
3. Add a column to locales.csv with language code at the top cell.
4. Add translated messages in following cells.
5. Generate localized files with npm run locales (optional step, you can just pull request .csv file).
6. To localize store description, make a folder in web-store-assets with a corresponding ISO code.

License

MIT