Skip to content

Add clickable timestamps to Timeline demo #5466

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 2 commits into from
Jun 24, 2025
Merged

Conversation

Copilot
Copy link
Contributor

@Copilot Copilot AI commented Jun 24, 2025

This PR adds clickable timestamps to the Timeline demo page following the same pattern used in the Recorder demo.

Changes:

  • Updated packages/docs/docs/timeline/demo.mdx to wrap timestamps with JumpToVideoLink components
  • Converted static text like 00:17 - Description to <JumpToVideoLink>00:17</JumpToVideoLink> - Description
  • Applied to all 4 timestamps in the Timeline demo

Before:

00:17 - Copying the Remotion Timeline implementation into the main app codebase  
00:41 - Setting up Tailwind theme  
01:03 - Integrating the Timeline code into the app  
01:50 - Customizing colors (adding a light theme)

After:

<JumpToVideoLink>00:17</JumpToVideoLink> - Copying the Remotion Timeline implementation into the main app codebase
<JumpToVideoLink>00:41</JumpToVideoLink> - Setting up Tailwind theme
<JumpToVideoLink>01:03</JumpToVideoLink> - Integrating the Timeline code into the app
<JumpToVideoLink>01:50</JumpToVideoLink> - Customizing colors (adding a light theme)

This provides the same user experience as the Recorder demo, allowing users to click on timestamps to jump to specific parts of the video.

Fixes #5465.


💡 You can make Copilot smarter by setting up custom instructions, customizing its development environment and configuring Model Context Protocol (MCP) servers. Learn more Copilot coding agent tips in the docs.

Copy link

vercel bot commented Jun 24, 2025

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 Jun 24, 2025 9:36am
remotion ✅ Ready (Inspect) Visit Preview 💬 Add feedback Jun 24, 2025 9:36am

Co-authored-by: JonnyBurger <1629785+JonnyBurger@users.noreply.github.com>
@Copilot Copilot AI changed the title [WIP] Add timestamps to Timeline demo Add clickable timestamps to Timeline demo Jun 24, 2025
@Copilot Copilot AI requested a review from JonnyBurger June 24, 2025 09:33
Copilot finished work on behalf of JonnyBurger June 24, 2025 09:33
@JonnyBurger JonnyBurger marked this pull request as ready for review June 24, 2025 10:19
@JonnyBurger JonnyBurger merged commit f357886 into main Jun 24, 2025
21 of 24 checks passed
@JonnyBurger JonnyBurger deleted the copilot/fix-5465 branch June 24, 2025 10:19
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Add timestamps to Timeline demo
2 participants