Recorder: Replace deprecated startFrom/endAt with trimBefore/trimAfter + consistent formatting

[Copilot]

This PR updates the template-recorder package to use the new trimBefore and trimAfter props instead of the deprecated startFrom and endAt props when working with video components.

The Remotion core library has renamed these props:

• startFrom → trimBefore
• endAt → trimAfter

Changes Made

Updated three key files to use the new prop names:

remotion/scenes/VideoScene/Webcam.tsx:

• Changed component prop type from endAt: number | undefined to trimAfter: number | undefined
• Updated VideoWithBlur component usage from startFrom={startFrame} endAt={endAt} to trimBefore={startFrame} trimAfter={trimAfter}

remotion/scenes/VideoScene/Display.tsx:

• Changed component prop type from endAt: number | undefined to trimAfter: number | undefined
• Updated OffthreadVideo component usage from startFrom={startFrame} endAt={endAt} to trimBefore={startFrame} trimAfter={trimAfter}

remotion/scenes/VideoScene/VideoScene.tsx:

• Renamed local variable from endAt to trimAfter
• Updated prop passing to child components to use the new trimAfter prop name

The functionality remains exactly the same - this is purely a prop name migration to use the current Remotion API and avoid deprecated warnings.

Fixes #5575.

---

✨ 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 Git ↗︎

Project	Deployment	Preview	Comments	Updated (UTC)
bugs	✅ Ready	Preview	Comment	Aug 13, 2025 6:31am

1 Skipped Deployment

Project	Deployment	Preview	Comments	Updated (UTC)
remotion	⬜️ Skipped			Aug 13, 2025 6:31am