I'm building an (Android) app that displays realtime visuals of musical timing, which is supported by audio cues (metronome click).
I'm looking to implement a mechanism for the user to correct for any audio latency in the system, such that the audible click synchronizes with the visuals as accurately as possible.
My first pass at this was to create a screen with a large block of color that sharply flashes with a sound click at 120bpm (twice per second). I included a slider to allow the user to offset the audio by up to 200ms either side of zero.
I think this is satisfactory, but it had me wondering if there is a more intuitive way to match audio cues with visual cues - and have a better sense of when they are in-sync vs. not in sync.
A high degree of accuracy is a goal here, as any synchronization issues will become painful when using other features of the app.
So far I'm thinking along the lines of including a variety of differently styled visual cues, in an effort to give the user more visual information - for example, making a sequence of objects appear (or vanish) one by one with each click.
Perhaps a somewhat broad question, but is there any research or wisdom known of what visual information our brains need to be best able to sync with audio cues?