Fix PlaybackrateOption component to display full rate precision

[Copilot]

The PlaybackrateOption component was using toFixed(1) which rounded decimal playback rates incorrectly. This caused precision loss where:

• 0.75 was displayed as 0.8x (rounded up)
• 1.25 was displayed as 1.3x (rounded up)
• Users couldn't see the exact rates they configured

Solution

Added a formatPlaybackRate() helper function that:

• Preserves full precision for decimal rates (0.75 → "0.75x", 1.25 → "1.25x")
• Maintains at least one decimal place for whole numbers (2 → "2.0x")

const formatPlaybackRate = (rate: number): string => {
  const str = rate.toString();
  // If the string doesn't contain a decimal point, add ".0"
  return str.includes('.') ? str : str + '.0';
};

Results

With showPlaybackRateControl={[0.5, 0.75, 1, 1.25, 1.5, 1.75, 2]}:

Before:

• 0.75 → "0.8x" ❌
• 1.25 → "1.3x" ❌
• 1.75 → "1.8x" ❌

After:

• 0.75 → "0.75x" ✅
• 1.25 → "1.25x" ✅
• 1.75 → "1.75x" ✅
• 2 → "2.0x" ✅ (maintains decimal requirement)

This is a minimal surgical change that preserves all existing behavior while fixing the precision display issue.

Fixes #5564.

---

💬 Share your feedback on Copilot coding agent for the chance to win a $200 gift card! Click here to start the survey.

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
bugs	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Aug 6, 2025 10:19am
remotion	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Aug 6, 2025 10:19am