project reality header
Go Back   Project Reality Forums > Developer Blogs > dbzao
21 Jul 2024, 00:00:00 (PRT)

Rate this Entry
Gameplay Videos with 2 Cameras Side by Side
Posted in: Uncategorized
Posted 2011-07-30 at 20:06 by dbzao

This is a cool little app I wrote in May 2010 using YouTube's Javascript API. I visited it again recently and I think more people should be inspired to use it as it's pretty cool in my opinion. :D

Checkout the example bellow, but before clicking [B]MAXIMIZE YOUR BROWSER WINDOW[/B] for maximum viewer pleasure. ;)


[B]How does it work?[/B]

At the top right you have the percentage that was [B]buffered[/B] for each video. It's good to have them be close together or you will get pauses during playback. You can also just let them both buffer completely to 100% so you won't have any breaks.

The videos begin paused, so you have to press [B]Play[/B] to begin watching. If for some reason they get a little unsynched, you can press [B]Sync[/B] to get them at the same time frame.

You can choose between different video qualities (360p, 480p and 720p), it depends on your hardware and download speed.

The audio by default is on the Left video, but you can click the [B]Switch Audio[/B] link to switch between them. You can notice in the example above that on my view (Left) I'm talking to other Squad Leaders, but you don't hear that on Spriggan's view (Right).

After watching each part you can switch to the other Parts of the round using the links to the right.

[B]How did we do it?[/B]

Spriggan and I recorded the full round that night. We both opened the map to show the clock and 3, 2, 1, started recording. That helped us later on during editing to know we were fully synchronized.

We both opened the first clip in VirtualDub ([URL=""]read more about my editing workflow here[/URL]), found the exact frame the clock went from one second to the other and cut everything before that. Now we knew we were in sync and could just append the rest of the clips without problems as we recorded the full round. I think we had to interrupt recording one or two times but we just used the in-game clock trick to get in sync again.

We both watched the videos together and selected the scenes that were more interesting. We would say "start at frame 23554 and end at frame 43455". Using the exact frame numbers we made sure we had the exact same parts in sync.

With all the clips edited it was just a matter of each exporting their own videos. We had to export in 3 parts because of the 10 minutes limit on YouTube at the time. Then each uploaded their videos to YouTube and used my cool little app to put them side by side.

I think it's a pretty easy way to do that kind of view without having to upload and download the raw video from the second camera and editing them side by side in a complicated editing software, going back and forth and so on. By itself, each video is one view of the action and it's just fine to watch standalone. But if you put them together you can switch the audio from one side to the other and see each other's view of the action at the same time. Pretty cool. :)

[B]How can you use it?[/B]

The app is open for anyone to use it, you just need to put a comma-separated list of the YouTube video IDs in the [B]v[/B] parameter. It expects at least two IDs, but if you put 4, 6, 8, etc, it adds the Part 1, Part 2, Part 3 links at the top automatically.

So if you have the following 2 videos of the 2 different cameras:


The YouTube Side by Side URL would be:


That's it! :)

[B]Some ideas on what to record[/B]
[LIST][*]Two infantry squads working together[*]CAS and the Forward Observer[*]Pilot and gunner on CAS[*]Two armored vehicles working together[*]Commander UAV and a Squad on the ground[*]etc[/LIST]
Have fun! ;)
Views: 54174 | Comments: 16

« Previous Entry  |  Main  |  Next Entry »

Total Comments: 16
  1. Old Comment
    Rhino's Avatar
    that's pretty cool db
    Posted 2011-07-30 at 20:24 by Rhino Rhino is offline
  2. Old Comment
    Can it be split further than 2, possibly?
    Posted 2011-07-30 at 20:45 by Dev1200 Dev1200 is offline
  3. Old Comment
    That is... Just awesome.

    Big thumbs up from me, good job!
    Posted 2011-07-30 at 20:45 by AquaticPenguin AquaticPenguin is offline
  4. Old Comment
    Infantry and Armour combination would be nice IMO. :D
    Posted 2011-07-30 at 23:05 by Arnoldio Arnoldio is offline
  5. Old Comment
    X1 Spriggan's Avatar
    It only took no more than an hour to cut both of our footage. Not a hassle at all.
    Posted 2011-07-31 at 00:46 by X1 Spriggan X1 Spriggan is offline
  6. Old Comment
    Jigsaw's Avatar
    @1 minute 50 seconds - that is a beautiful example of infantry/armour coordination, tank rolling up, popping smoke to cover the infantry advance and then withdrawing slightly to provide cover fire. Brilliant.

    Liking this method of filming too. Great stuff.
    Posted 2011-07-31 at 00:54 by Jigsaw Jigsaw is offline
  7. Old Comment
    PoisonBill's Avatar
    Very cool! Would be nice to see something like that with CAS or APC.
    Posted 2011-07-31 at 02:40 by PoisonBill PoisonBill is offline
  8. Old Comment
    BlackMagikz's Avatar
    Ahh this is from the ye old good days of Molotovs
    Posted 2011-07-31 at 02:46 by BlackMagikz BlackMagikz is offline
  9. Old Comment
    Aww this is awesome! Wanted to have sth. like this in the video itself but this should make things a bit easier...hopefully. Thumps up!
    Posted 2011-07-31 at 04:00 by KiloJules KiloJules is offline
  10. Old Comment
    Epic video will be made with this.
    Posted 2011-07-31 at 11:56 by Hotrod525 Hotrod525 is offline

All times are GMT. The time now is 17:41.