helix-website icon indicating copy to clipboard operation
helix-website copied to clipboard

feat: add YouTube chapter markers to community feed

Open trieloff opened this issue 4 months ago • 2 comments

Summary

  • Added automatic detection of YouTube chapter timestamps from video descriptions
  • Created chapter UI with clickable deep links to specific video moments
  • Styled chapter markers to match the existing feed design

Details

The implementation parses timestamps (formats like 00:00, 1:23, 1:23:45) from YouTube video descriptions and creates a "Chapters" section below each video thumbnail. Each chapter is a clickable link that opens the YouTube video at the specific timestamp.

Test Plan

Test the changes at: https://youtube-chapter-markers--helix-website--adobe.aem.live/community

The chapter markers should appear for videos that have timestamps in their descriptions. Each timestamp link should open the video at the correct moment.

Related

See discussion in Slack: https://cq-dev.slack.com/archives/C02U1A5480P/p1756141627192249

🤖 Generated with Claude Code

trieloff avatar Aug 26 '25 13:08 trieloff

Hello, I'm the AEM Code Sync Bot and I will run some actions to deploy your branch and validate page speed. In case there are problems, just click a checkbox below to rerun the respective action.

  • [ ] Re-run PSI checks
  • [ ] Re-sync branch
Commits

aem-code-sync[bot] avatar Aug 26 '25 13:08 aem-code-sync[bot]

Page Scores Audits Google
:iphone: /community PERFORMANCE A11Y SEO BEST PRACTICES SI FCP LCP TBT CLS PSI
:desktop_computer: /community Lighthouse returned error: Something went wrong. PSI

aem-code-sync[bot] avatar Aug 26 '25 13:08 aem-code-sync[bot]