Skip to content

feat: export success sound — play chime when export completes (with mute toggle) #681

@magic-peach

Description

@magic-peach

The current export success state is a quiet download button. Given that exports take 30-60+ seconds, a brief animation and optional sound would give users clear, satisfying confirmation.

What to build

When status === "done":

  1. Show a brief checkmark animation in the result area
  2. Play a short success chime — the file public/sounds/export-complete.mp3 already exists
  3. Add a mute toggle so users can opt out of the sound (stored in localStorage)

Files to modify

  • src/components/DownloadResult.tsx — add animation and audio playback
  • src/hooks/useVideoEditor.ts — expose a mute preference

Acceptance criteria

  • A success animation plays when export completes
  • The success sound plays (uses the existing mp3 in public/sounds/)
  • A mute toggle is visible and remembers the preference via localStorage
  • No autoplay policy violation — sound only plays after user-initiated export

Screen Recording Required

Your PR for this issue must include a screen recording showing the feature working on your local machine (bun run devhttp://localhost:3000). PRs without a recording will not be merged.

See CONTRIBUTING.md for how to record.

Metadata

Metadata

Assignees

Labels

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions