unfa's audio/video streaming sync helper clip (60 FPS) [PHOTOSENSITIVE EPILEPSY WARNING]

I made this in 2021 to help myself ensure my cameras, screen capture, microphone and desktop audio capture were all in frame-perfect sync for live streaming.
I have this on my phone at all times, but I thought maybe others will find this useful as well.
This was made with Olive Video editor 0.1 in 2021.
Consider this video licensed under CC BY 4.0.
-- HOW TO USE THIS? --
1. Add your sources in OBS to a single scene - camera and microphone are the simplest setup
2. Start recording in OBS (ideally at 60 FPS).
3. Play this clip from your phone so that the camera can see it, and the mic can hear it
4. You only need a couple seconds recorded so stop once you have that.
5. Open a video editor (I use the open-source Olive Video Editor)
6. Drop the recorded clip there, find a frame where the phone screen is flashing white, put a marker there.
7. Use the audio waveform to find the corresponding audio click.
8. Use the video editor playhead and timecode display to count how many frames are there between audio click and video flash. Convert frame count to miliseconds: (1000 / 60) * frame_count
9. See which one comes first. If audio leads the video - you need to delay the audio in OBS (advanced audio properties)
10. If video leads, you need to delay that (render delay video filter in OBS camera source)
Done!

[@MisterConscio]

How does exactly this helps sync stuff? Could you explain how to use it?

[@unfa00]

1. Add your sources in OBS to a single scene - camera and microphone are the simplest setup
2. Start recording in OBS (ideally at 60 FPS).
3. Play this clip from your phone so that the camera can see it, and the mic can hear it
4. You only need a couple seconds recorded so stop once you have that.
5. Open a video editor (I use the open-source Olive Video Editor)
6. Drop the recorded clip there, find a frame where the phone screen is flashing white, put a marker there.
7. Use the audio waveform to find the corresponding audio click.
8. Use the video editor playhead and timecode display to count how many frames are there between audio click and video flash. Convert frame count to miliseconds: (1000 / 60) * frame_count
9. See which one comes first. If audio leads the video - you need to delay the audio in OBS (advanced audio properties)
10. If video leads, you need to delay that (render delay video filter in OBS camera source)
Done!

[@unfa00]

This is even more useful when you have multiple cameras, screen capture, microphone + desktop audio to sync.
I would not be able to get all that to sync without loosing my mind without this video clip. That's why I made it :)

[@MisterConscio]

Alright, thanks!

[@05degrees]

@@unfa00 👍🔥
Also seems like a good idea to add this to the video description itself too.
(I don’t sync anything myself but many surely do.)

[@RetroMusicDan]

that's a great step by step. pin the comment?@@unfa00

[@zynskeywolf]

I like how the white flashes at every whole second make the seeking preview all white (O.O)

[@05degrees]

🔥😶

[@yrds96]

"This was made with Olive Video editor 0.1"
This bring me memories 😥 the best editor that we never had

[@unfa00]

Well, we have Olive 0.2 and it is better than ever! Not 100% there, but very much usable :) The development is slow now, as Matt is looking for funding so he could get back to it at full blast. And we can help with that goal! I am sure there's open-source foundations that'd be interested!

[@chikoavena3407]

I do still use olive!

[@Monkeyman12534]

Watching this made me realize my Bluetooth headphones have a half second audio delay

[@unfa00]

Usually that latency is reported to the device you're using them with and the video is delayed appropriately. Otherwise, you'd notice they watching any video (as movement would never corelate with sound).

[@rabiatorthegreat6163]

If you know the exact delay of your audio, this could also serve for measuring monitor delay. Which is of interest for gamers. Either way, thanks for making this video.