https://github.com/remram44/twitch-vod-sync
Watch multiple Twitch VOD in sync. Useful for competitions
https://github.com/remram44/twitch-vod-sync
hacktoberfest react twitch video video-player video-streaming webapp
Last synced: over 1 year ago
JSON representation
Watch multiple Twitch VOD in sync. Useful for competitions
- Host: GitHub
- URL: https://github.com/remram44/twitch-vod-sync
- Owner: remram44
- License: mit
- Created: 2020-05-31T23:57:32.000Z (about 6 years ago)
- Default Branch: master
- Last Pushed: 2022-06-24T18:10:23.000Z (almost 4 years ago)
- Last Synced: 2025-03-10T20:16:19.238Z (over 1 year ago)
- Topics: hacktoberfest, react, twitch, video, video-player, video-streaming, webapp
- Language: TypeScript
- Homepage: https://remram44.github.io/twitch-vod-sync/
- Size: 684 KB
- Stars: 6
- Watchers: 2
- Forks: 5
- Open Issues: 7
-
Metadata Files:
- Readme: README.md
- License: LICENSE.txt
Awesome Lists containing this project
README
[Twitch VOD Sync](https://remram44.github.io/twitch-vod-sync/)
==============================================================
This is a web application that can show multiple recorded videos from Twitch, syncing them exactly.
If you want to see the streams of multiple people playing together, applications like [MultiTwitch.tv](http://www.multitwitch.tv/) ([GitHub](https://github.com/bhamrick/multitwitch)) or Twitch's own "Squad Stream" mode can help. However if you are watching the streams after the fact (or after the event) or if the streams are not exactly synced (because they use different delays, common in competitions) it won't work.
This application can bring up multiple VOD (recorded streams), obtain their starting date from the API, and show them in perfect sync. You will still need to input the appropriate delay for each stream if different.
**[Head over here to get started](https://remram44.github.io/twitch-vod-sync/)**
Current status
--------------
This project is pretty much done! Suggestions and patches welcome.
* [x] Show the **real timestamp** while playing Twitch videos (obtained from API)
* [x] Show multiple Twitch videos in the same browser tab
* [x] Show more than 2
* [x] Play the streams synced
* [x] Account for streams using different delays
* [x] Pause button to pause all streams
* [ ] Detect if users acts on a stream directly (rather than with the timeline at the bottom) and do something about it [#8](https://github.com/remram44/twitch-vod-sync/issues/8)
FAQ
---
### Why do I need to give access to my Twitch account?
Unfortunately I can only get the creation date for a video from the API, not the embed system, and the API needs authorization. Note that I am requesting no permissions on your account, I just query the video API on your behalf. This is also a static web app so I am not collecting the access token (it stays in your browser).