Fix camera view countdown display and enable audio playback

[Copilot]

Camera mode was missing the fullscreen countdown overlay, and browser autoplay policies were blocking all match sounds.

Changes

Fullscreen Countdown Overlay (Camera Mode)

• Added countdown overlay at zIndex 5 that displays "MATCH STARTING IN" with large animated countdown numbers (3, 2, 1)
• Matches the visual treatment of the full display mode

Audio Unlock Mechanism

• Added soundsEnabled state and SoundEnableOverlay component to handle browser autoplay restrictions
• Modified useDisplayAudioService hook to gate playback on user interaction:

function useDisplayAudioService(soundsEnabled: boolean) {
  const playAudio = useCallback((key: string, onEnded?: () => void) => {
    if (!soundsEnabled) {
      onEnded?.();
      return;
    }
    // ... play audio
  }, [soundsEnabled]);
  
  return { playAudio, unlockAudio };
}

• Overlay prompts user to click before sounds will play, then disappears

Original prompt

The countdown for camera view is not working and the sounds don't play at all

---

✨ Let Copilot coding agent set things up for you — coding agent works faster and does higher quality work when set up for your repo.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Preview	Comments	Updated (UTC)
ftcscorer	Ready	Preview	Comment	Nov 30, 2025 8:34pm