Thursday, July 12, 2018

Syncing 2 videos playback

This little experiment explores how to sync playback of 2 online videos using the following logic:
  • Primary video used for audio (secondary video is muted)
  • Combined play / pause / progress / seek events
  • Offset threshold for synching by slowing down or speeding up the secondary video (default = 0.2 sec)
  • Offset threshold for synching by seeking the secondary video to the primary video time (default = 2 sec)
Happy - Pharrell Williams

Demo 2 - Click link to view
More and More - Captain Hollywood Project

Code is available on Github.

No comments:

Post a Comment

About Me

My photo
I've been developing Internet and rich-media application for 15 years. In my work I emphasis usability and best user experience as well as sleek design. My main expertise are JavaScript, Flex and Flash.