Demo Page

[eshaz]

This repo needs a demo page that can show the capabilities of this library. Also it will be helpful for testing.

Demo flows

1. Test correlation of a single clip
   • One clip will be uploaded and decoded to create the base clip
   • User will select the offset to split the decoded audio to create the comparison clip
   • The sync point will be determined and compared against the actual sync point
2. Test correlation of two clips
   • Two clips will be uploaded and decoded.
   • User will have ability to select which clips are used for the base and the comparison
   • The sync point will be determined between the two clips

Features

• Ability to configure SynAudio options
• Ability to sync using sync, syncWorker, syncWorkerConcurrent
• Ability to upload or use URL for audio clips
  • Upload
  • URL
    • May be a streaming audio URL.
    • User may stop loading audio at any time.
  • Audio should have a size limit since everything will be stored in memory. Maybe 10MB of compressed audio?
• Audio clips will be decoded using decodeAudioData
• Sync point Display
  • FFTs of both clips, aligned based on correlation offset
    • Maybe FFT can be calculated in a webworker?
  • Correlation coefficient
  • Sample offset in samples and seconds

[natelawrence]

I get a number of errors in my console when I attempt to use the demo page.
Moreover, no sign of progress or results is ever produced.

[eshaz]

I get a number of errors in my console when I attempt to use the demo page. Moreover, no sign of progress or results is ever produced.

I think I see the Edge icon in the upper left. If it's Edge, could you try another browser like Firefox or Chrome? That error is for the audio spectrogram rendering, which is strictly part of the demo. I'll add a fix for this so it will run in Edge.