I made a thing to watch GB videos simultaneously (List Updated Jul 30)

Avatar image for jetlag
Jetlag

617

Forum Posts

0

Wiki Points

0

Followers

Reviews: 0

User Lists: 0

#1  Edited By Jetlag

I made this web page that embeds multiple GB videos and syncs them up.

I added some keyboard controls, check here.

Thanks to everyone helping put links together!

Minecraft:

2020-05-01 (Vinny, Abby, Jeff + Jan, Ben, & Brad)

2020-05-08 (Jan, Abby, Jeff, Vinny + Ben & Brad)

2020-05-15 (Jan, Abby, Vinny + Brad, Jeff, & Ben)

2020-05-22 (Jan, Abby, Vinny, Jeff + Ben & Brad)

Split screen
Split screen

2020-05-29 (Jan, Abby, Jeff, Vinny + Brad & Ben)

2020-06-05 (Jan, Abby, Jeff, Vinny + Ben & Brad)

2020-06-12 (Jan, Abby, Jeff, Vinny + Ben, Brad, & the GB Community)
First half with Jan and Jeff

2020-06-19 (Jan, Jeff, Vinny, Abby, Ben + Brad) (No archive for Ben?)

2020-06-26 (Jeff, Vinny, Abby + Ben & Brad)

2020-07-10 (Vinny, Jeff, Abby, Jan + Ben & Brad)

2020-07-17

2020-07-24

Astroneer:

2020-04-22 (Brad, Vinny)
Re-sync needed at 40:33

2020-04-29 (Brad, Vinny)

2020-05-04 (Brad, Vinny)

Picture-in-picture
Picture-in-picture

2020-05-11 (Brad, Vinny)

2020-05-20 (Brad, Vinny)

2020-05-27 (Brad, Vinny)
Re-sync needed at 42:00

2020-06-03 (Vinny, Brad)

2020-06-10 (Vinny, Brad)

2020-06-24 (Brad, Vinny)

2020-07-01 (Vinny, Brad)

2020-07-08 (Brad, Vinny)

2020-07-15

2020-07-22

Grounded:

2020-07-30

Sea Beasts:

Wow. It works great on my phone. Here's a really bad picture.
Wow. It works great on my phone. Here's a really bad picture.

2020-04-24 (Vinny, Abby + Brad & Alex)

2020-06-17 (Abby, Vinny)

Re-sync after 54:30

We Be Truckin'!:

2020-04-21 (Alex, Vinny)

GTFO:

2020-04-01 (Brad, Vinny + Ben & Alex)

2020-04-15 (Brad, Vinny + Alex & Ben)

State of Decay 2:

2020-03-25 (Brad, Vinny)

Murder Island:

2017-09-25 (Dan, Jeff + Abby & Brad)

2017-08-28 (Vinny, Jeff + Abby & Brad)

I Love Mondays/Mailbags:

2011-11-17 (Jeff, Ryan + Patrick & Will)

2012-04-30 (Brad, Ryan + Drew, Jeff, & Patrick)

2013-04-15 (Ryan, Brad + Jeff & Patrick)

Avatar image for shikon
shikon

238

Forum Posts

2

Wiki Points

0

Followers

Reviews: 0

User Lists: 1

Been waiting for this post! Thanks for making this.

Avatar image for humanity
Humanity

21858

Forum Posts

5738

Wiki Points

0

Followers

Reviews: 40

User Lists: 16

Seems like a thing they should implement on the site if they plan to do a lot of these multi perspective streams!

Avatar image for development
development

3749

Forum Posts

61

Wiki Points

0

Followers

Reviews: 0

User Lists: 0

Damn the engineers should implement this. Amazing work

Avatar image for ralphmoustaccio
RalphMoustaccio

485

Forum Posts

0

Wiki Points

0

Followers

Reviews: 0

User Lists: 0

This is awesome. Well done!

Avatar image for spiketail
spiketail

394

Forum Posts

3

Wiki Points

0

Followers

Reviews: 0

User Lists: 0

Really enjoying this!
About the only thing I can ask for is a 'Show Controls' keybind or something. Or to switch between 2x2 video and Picture-in-Picture. Why I am bringing this up: If you go Picture-in-Picture, F11 for full screen and then hide the controls, there doesn't seem to be any obvious way to bring the controls back up. I literally just checked if clicking in the bottom left corner worked (It did!) but that was a logic leap of 'It was in that corner, maybe if I click?'.

Thanks again, this is a notch up to enjoying the multi-stream viewing experience!

Avatar image for humanity
Humanity

21858

Forum Posts

5738

Wiki Points

0

Followers

Reviews: 40

User Lists: 16

@jetlag: I'm curious is the way videos auto-sync using the sync button done by comparing the audio waveforms of each video and matching the video position?

Avatar image for jetlag
Jetlag

617

Forum Posts

0

Wiki Points

0

Followers

Reviews: 0

User Lists: 0

@humanity: no, it just checks to see how far they drifted from the preprogrammed delay and does a seek if they're too far off. For the most part I just played both videos and set the delay by ear.

Avatar image for jetlag
Jetlag

617

Forum Posts

0

Wiki Points

0

Followers

Reviews: 0

User Lists: 0

@spiketail: yeah there's a 1 pixel wide "menu" on the left side for now. The bottom half brings the buttons back. The top half is split into toggling PIP mode and shuffling the videos around. Keyboard shortcuts might happen eventually.

Avatar image for icoangel
icoangel

176

Forum Posts

0

Wiki Points

0

Followers

Reviews: 0

User Lists: 0

Nice work they should make this built into the site.

Avatar image for derfeef
derFeef

29

Forum Posts

0

Wiki Points

0

Followers

Reviews: 0

User Lists: 0

Thank you so much. This is fantastic.

Avatar image for playerc90
PlayerC90

12

Forum Posts

0

Wiki Points

0

Followers

Reviews: 0

User Lists: -1

This is so good! Thank you for doing this.

Avatar image for ceen
Ceen

31

Forum Posts

0

Wiki Points

0

Followers

Reviews: 0

User Lists: 0

Just want to jump in and show some appreciation for this! Thanks!

Avatar image for sbarre
sbarre

106

Forum Posts

4

Wiki Points

0

Followers

Reviews: 0

User Lists: 0

#15  Edited By sbarre

Greatly appreciate the effort in this. :-)

I do want to report that the layout doesn't work in Firefox. At least not on the Astroneer video (Vinny Premium + Brad YouTube) I tested.

The left-side video clips over about half of the right-side video.

Avatar image for schloot
schloot

5

Forum Posts

5

Wiki Points

0

Followers

Reviews: 0

User Lists: 0

@sbarre: If you click the black area below the videos it should hide the controls and show the full videos side by side. At least its working for me.

Avatar image for the_t
The_T

50

Forum Posts

75

Wiki Points

0

Followers

Reviews: 0

User Lists: 0

Wow, this is great! [throws my synced re-encoded video of Minecraft part 1 in the garbage]

Avatar image for the_t
The_T

50

Forum Posts

75

Wiki Points

0

Followers

Reviews: 0

User Lists: 0

#18  Edited By The_T

Ok, I'm not sure if I'm doing it wrong, but it doesn't seem to be working on We Be Truckin?

EDIT: Oh ok, it's just because of the much longer intro on Alex's side. I was kind of aware of it on Minecraft but you should see if there's any way to wait to auto "play" on videos that shouldn't be active yet, like play and then immediately pause them until the time where they start. That would be super useful.

Avatar image for dannyglover
dannyglover

251

Forum Posts

0

Wiki Points

0

Followers

Reviews: 0

User Lists: 0

TY Jetlag. This is a great way to watch the streams

Avatar image for ev77
ev77

236

Forum Posts

0

Wiki Points

0

Followers

Reviews: 0

User Lists: 0

@jetlag This is a great feature and I'll totally be stealing it for a tvOS app I'm working on.

Avatar image for obese_chipmunk
obese_chipmunk

44

Forum Posts

0

Wiki Points

0

Followers

Reviews: 0

User Lists: 0

Just wanted to show my appreciation here like everyone else. This made the Minecraft streams really fun to watch.

Avatar image for alwaysbebombing
alwaysbebombing

2785

Forum Posts

0

Wiki Points

0

Followers

Reviews: 0

User Lists: 0

You're a wizard

Avatar image for isomeri
isomeri

3528

Forum Posts

300

Wiki Points

0

Followers

Reviews: 0

User Lists: 26

Thank you @jetlag, really great work!

Avatar image for jetlag
Jetlag

617

Forum Posts

0

Wiki Points

0

Followers

Reviews: 0

User Lists: 0

#24  Edited By Jetlag

@the_t said:

Ok, I'm not sure if I'm doing it wrong, but it doesn't seem to be working on We Be Truckin?

EDIT: Oh ok, it's just because of the much longer intro on Alex's side. I was kind of aware of it on Minecraft but you should see if there's any way to wait to auto "play" on videos that shouldn't be active yet, like play and then immediately pause them until the time where they start. That would be super useful.

I fixed this but I went the easy route and just skipped to the earliest possible sync point. I like your idea though.

@sbarre said:

Greatly appreciate the effort in this. :-)

I do want to report that the layout doesn't work in Firefox. At least not on the Astroneer video (Vinny Premium + Brad YouTube) I tested.

The left-side video clips over about half of the right-side video.

The way it worked was the video was pushed over until you hid the menu. But I changed it now so the menu sits on top. On the page now I try to explain that there are invisible controls on the left side of the screen to switch the videos around and unhide the menu. I hope it makes some sense.

Avatar image for bollard
Bollard

8298

Forum Posts

118

Wiki Points

0

Followers

Reviews: 3

User Lists: 12

I don't get a lot of time to watch GB content so I might never make use of this myself, but I just wanted to say props for making something really cool.

Avatar image for jetlag
Jetlag

617

Forum Posts

0

Wiki Points

0

Followers

Reviews: 0

User Lists: 0

You can watch the livestreams like this. Syncing doesn't work but you can just pause the ones that are ahead a little at a time.

Avatar image for comprox
comprox

49

Forum Posts

40

Wiki Points

0

Followers

Reviews: 0

User Lists: 0

@jetlag said:

You can watch the livestreams like this. Syncing doesn't work but you can just pause the ones that are ahead a little at a time.

This is great, thanks! How do you figure out the video codes for each stream to put in the URL?

Avatar image for kamasamak
KamasamaK

2692

Forum Posts

38820

Wiki Points

0

Followers

Reviews: 0

User Lists: 12

@comprox said:
@jetlag said:

You can watch the livestreams like this. Syncing doesn't work but you can just pause the ones that are ahead a little at a time.

This is great, thanks! How do you figure out the video codes for each stream to put in the URL?

There are a few ways to get the video ID. The easiest is probably to click the share button in the GB player and get it from the embed link. You can also get them from the API.

Avatar image for the_t
The_T

50

Forum Posts

75

Wiki Points

0

Followers

Reviews: 0

User Lists: 0

After you click Hide Controls, how do you bring them back?

Avatar image for humanity
Humanity

21858

Forum Posts

5738

Wiki Points

0

Followers

Reviews: 40

User Lists: 16

@the_t: On Chrome you just move your mouse to the very left of the screen and click and they should show up as colored bands.

Avatar image for the_t
The_T

50

Forum Posts

75

Wiki Points

0

Followers

Reviews: 0

User Lists: 0

Ah, I wasn't going far enough left... thank you!

Avatar image for silenturtle
silenTurtle

32

Forum Posts

0

Wiki Points

0

Followers

Reviews: 0

User Lists: 0

This is amazing. Seriously, thank you so much for this

Avatar image for lunarbeing
LunarBeing

38

Forum Posts

10

Wiki Points

0

Followers

Reviews: 0

User Lists: 0

This is incredible and really well done! The only downside is that it's gonna make me miss premium that much more. Which is probably a sign they should advertise this on the main page!

Avatar image for parentalcon
parentalcon

70

Forum Posts

0

Wiki Points

0

Followers

Reviews: 0

User Lists: 0

This is really great! Thank you so much!

Avatar image for deactivated-647f76b346730
deactivated-647f76b346730

439

Forum Posts

0

Wiki Points

0

Followers

Reviews: 0

User Lists: 0

Thanks for such a cool tool!

Avatar image for rkk667
rkk667

111

Forum Posts

0

Wiki Points

0

Followers

Reviews: 0

User Lists: 1

@jetlag: Thank you this makes these better for me :)

Avatar image for noblenerf
noblenerf

983

Forum Posts

196

Wiki Points

0

Followers

Reviews: 0

User Lists: 0

Hey, thank you! Literally watching a manually-synced video right now.

🥰

Avatar image for mr_socks
Mr_Socks

9

Forum Posts

0

Wiki Points

0

Followers

Reviews: 0

User Lists: 0

Thank you so much! This is easily the most enjoyable way to watch these streams.

Avatar image for dijidiji
dijidiji

287

Forum Posts

0

Wiki Points

0

Followers

Reviews: 0

User Lists: 0

This is genius. Thank you!

Avatar image for andify
Andify

21

Forum Posts

0

Wiki Points

0

Followers

Reviews: 0

User Lists: 0

Fantastic work, dude.

Avatar image for beardduder
BeardDuder

238

Forum Posts

5

Wiki Points

0

Followers

Reviews: 0

User Lists: 4

Amazing!!

Avatar image for rramo010
rramo010

143

Forum Posts

0

Wiki Points

0

Followers

Reviews: 0

User Lists: 0

Thank you so much duder!

Avatar image for johannes
johannes

122

Forum Posts

1136

Wiki Points

0

Followers

Reviews: 1

User Lists: 2

Had a similar idea, now I don't have to do it, thanks!

Avatar image for toowalrus
toowalrus

13408

Forum Posts

29

Wiki Points

0

Followers

Reviews: 0

User Lists: 3

This is amazing, thank you!

Avatar image for vrumpt
Vrumpt

15

Forum Posts

0

Wiki Points

0

Followers

Reviews: 0

User Lists: 0

Thank you! I've been trying to do this on my own with multiple windows and it's been super tedious.

Avatar image for arrested_developer
Arrested_Developer

855

Forum Posts

180

Wiki Points

0

Followers

Reviews: 0

User Lists: 3

Thank you so much, this is just what I was looking for!

Avatar image for logicbus
logicbus

27

Forum Posts

28

Wiki Points

0

Followers

Reviews: 0

User Lists: 0

I have a laptop with a 3:2 monitor. Fullscreen cuts off the top right video. I'm guessing 16:9 is assumed.

Avatar image for mrhappy-pants
mrhappy-pants

3

Forum Posts

7

Wiki Points

0

Followers

Reviews: 0

User Lists: 0

I really must be missing something because this isn't working with premium videos at all for me. I'm logged into GB and I have premium. Not sure what's up.

No Caption Provided