Skip to content

twitch-vod-sync/twitch-vod-sync.github.io

 
 

Repository files navigation

Tests

This is a web application that can play back multiple Twitch recordings (also known as VODs) at the same time, while keeping them in sync.

This app is not for watching live streams. If you want to watch multiple livestreams at the same time, consider MultiTwitch.tv (GitHub) or Twitch's own "Squad Stream" mode.

Features

  • Watch multiple VODs at the same time by using the + and - buttons next to the timeline
  • Enter a VOD url to load it and sync to the other VODs
  • Enter a channel name to automatically find a VOD from the appropriate time range
  • Enter a racetime.gg URL to load the top 4 finishers (in a random order)
  • Control streams using the native Twitch player controls (left/right, play/pause, or seek with the timeline)
  • Share the URL with others to share the same videos
  • The timeline will hide video end times by default (to avoid spoilers). You can click on the timeline and press 'h' to toggle this functionality.
  • The players can handle (with occasional hiccups) videos with significantly different lengths.
    • Videos will pause at their start and wait for other videos before starting automatically
    • Videos will pause if they reach the end and allow other videos to continue playing
  • The players can handle (with occasional hiccups) stream downtime.
    • If a video ends and there is a suitable next video, it will be loaded
    • If a streamer is still live, and the vod ends, it will reload and resume
  • You can manually re-align videos which were not simultaneous with the "async" mode:
    • Click on the timeline and press "a"
    • Use each player's controls to adjust them to the same time (e.g. the start of the race)
    • Click on the timeline and press "a" again to confirm alignment
  • You can reduce the video quality by clicking on the timeline and pressing "q". It will cycle through all available qualities.
    • To increase the quality instead, press "Shift-Q".

Head over here to get started

Project status

This project is a fork of the original from remram44, where I (jbzdarkid) can do a bit of extended development. I have rewritten the code in pure JS, and maintained as many features as I could (and implemented some of the feature requests). Please feel free to file issues here if you have ideas for improvements.

About

Watch multiple Twitch VODs at the same time

Resources

License

Stars

Watchers

Forks

Contributors

Languages

  • JavaScript 67.9%
  • Python 28.9%
  • HTML 3.2%