The AMP Project Roadmap

What was accomplished

Attachment Forms

• 🖍 Shorten the width of the publisher domain label #36114
• ✨ Create status indicators that display the page attachment form's submission status #36039

Amp story player

• ✨ Launch panel player #35423

Panning media

• Validation #31506
• Handle base zoom of aspect ratio wider than image #31515

Story interactives

• 📖 Added docs for info dialog #36079

Story performance

• 🖍 Added CSS rules for units, and exaple stories #36007

Video

• fallback on origin sources if request to video cache fails #36071

Others

• Amp-story translations #35333
• 🖍 Restrict page attachment sticky header to non-iOS, non-Safari surfaces #36133

What's next

• Amp story shopping technical design
• LCP improvements

What was accomplished

Story performance

• 🚀 Set "load first page only" experiment to 50% #35770
• 🚀 Set up story prestyle #35829
• ♻️ Simplify templates CSS by using attr instead of class #35861
• 🚀 Set load first page only experiment to 1 #35970

Story animations

• 🐛 Fix prerender resume animation #35987

Story videos

• 📖 Add video documentation for Google cache #35609

Story images

• On iOS 15 stories, long pressing on images expands the image #35381

Amp story page attachment

• 🐛 Propagate title attribute to draggable drawer header #35863

Animation presets

• Desktop panels mode, start animations after page transition #29753

Others

• amp-story-page-outlink default value for cta-accent-color attribute #34983
• Pause button on story player not functional #35640
• 🐛 Reset page attachment scroll position upon attachment close #35778
• Remove desktop 3 panel UI and associated code. #35623
• Resolve ScreenOrientation lock Illegal invocation error on Chrome #35659
• 🐛 Toggle desktop attribute on tooltip overlay #35772

What's next

• Shopping integration in stories
• Translated strings update

Amp story

• Resolve ScreenOrientation lock Illegal invocation error on Chrome #35659
• 🐛 Toggle desktop attribute on tooltip overlay #35772

Story performance

• 🚀 Set "load first page only" experiment to 50% #35770

Animation presets

• Desktop panels mode, start animations after page transition #29753

Others

• Pause button on story player not functional #35640
• 🐛 Reset page attachment scroll position upon attachment close #35778
• [Page Attachment Forms] Remove the soft keyboard from view when the page attachment is closed #35798 (PR pending)

What's next

• Remove desktop 3 panel code #35623
• [Panning media] support portrait images and officially launch #31515
• [Story video] Optimize media play/pause operations on page navigation #29508
• [Story performance] Set up story prestyle #35829
• Allow amp-form in Story Page Attachments #35569

What was accomplished

Story performance

• 🚀 Make inactive pages not trigger LCP #35323
• 🚀 Disable animations in first page under experiment #35356
• 📖 Not turn off experiment on example story on visibility if hashString is not present #35417

Story interactive

• Add support for emojis on the slider #35113
• 🖍 Color Logic for A/B/C/D Bubbles for Image Quizzes #35174
• 🐛 Post-Selection Fill Bug Fix for Image Quizzes and Polls #35274
• 🐛 Fix Post-Selection Animation Inaccuracies for Image Quizzes #35292
• ✨ Activate interactive disclaimer and add documentation #35293
• 🖍 Text Shadow for Percentage Text for Image Quizzes and Polls #35324
• Disable overlay on slider when dragging on mobile #35358
• ✅ Add Image Quizzes and Polls with Invalid Endpoints to Examples #35359
• ✨ Scaffolding for New Results Component #35400
• 🖍 Styling for Image Quizzes and Polls with Missing Images #35420
• 🖍 Adapt slider styles to work on Firefox #35432
• RTL support #35340

Amp story player

• Experiment setup #34953
• ✨ Hide buttons if full-bleed story. #35397
• amp-story-desktop-one-panel player swipe-ability desktop UX #35268

Video

• Track video-cache experiment through CSI. #35242
• Unify CacheState tracking for both legacy and remote video caching systems. #35252
• Prerender and preload remote video cache. #35272
• Only serve evergreen non cached video sources to crawlers. #35357
• Experiment to limit max video bitrate on first page of a story. #35389

Others

• Cannot use SVGs with <feBlend> in stories #35430
• Improve screen orientation locking for stories #35478
• amp-story-desktop-one-panelbackground-blur Include videos in selector #35131

What's next

• Documentation / validation and launch of new interactive components (image quiz & polls / slider)
• Desktop one panel launch
• Video improvements
• iOS15 bug fixes

What was accomplished

Story performance

• Disable animations on first page to 50% #35476
• Added load outside viewport to experiments #35548
• Set "load inactive pages outside viewport" experiment to 0.5 #35653

Amp story

• Activate desktop one panel experiment to 1. #35453
• Null check on screen.orientation #35639

Story sidebar

• Removed sidebar from docs #35616

Page attachments

• CSS code cleanup #34316
• Write amp.dev docs #34790

AMP Story Docs

• Animation information hard to find #35398

Story Player

• Swipe animation appears to be broken on some integrations #31193

Others

• Amp Story Desktop One Panel I2I #34479
• Amp Story Desktop One Panel I2S #35267
• amp-story-desktop-one-panel background-blur Do not support images with transparency. #35441

What's next

• Launch performance experiments
• Launch new interactive components
• Launch forms in page attachments

What was accomplished

Story interactive

• ✨ Basic Layout for Image Quizzes and Image Polls #35043
• ✨ [Story interactive] Basic slider component #35041

Story a11y

• 🐛 Reduced motion should apply the animation's last frame to the elements #34466

Story desktop one panel

• amp-story-desktop-one-panel blurred background #34764
• amp-story-desktop-one-panel confirm display of amp-story-auto-ads. #34785
• ✨ amp-story-desktop-one-panel Background color #34939
• amp-story-desktop-one-panel blurred background, get largest page image #34959
• amp-story-desktop-one-panel blurred background, method to create and attach canvas #34962
• amp-story-desktop-one-panel blurred background, update canvas method #34967

Others

• 🏗 Allow story examples to be excluded from amp validation #35026
• Video caching: rewrite /i/ URLs to /mbv/. #35072
• Move building outlink attachment to layoutcallback. #34924

What's next

• Destkop panels player #34765
• Launch desktop one panel and blur
• Image quiz interactive component styling and backend integration
• slider interactive component styling and backend integration

What was accomplished

Story interactive

• ✨ Make disclaimer work RTL #35164
• 🖍 Post-Selection Animations for Image Quizzes and Image Polls #35205
• 🐛 Deattach disclaimer from interactive component #35253
• ✨ Interactivity for Image Quizzes and Image Polls #35125
• Make slider component interactable #35167

amp-story-page-attachment

• Link text placed at extreme left or right does not behave as clickable inside of page #34949
• 🐛 Move overlay logic from story to page. #35036
• Prevent double navigation from page-outlink. #35187

Story performance

• 🚀 Experiment to load first page assets before loading other pages to improve LCP #34846
• 🚀 Launch first page load experiment to 10% #35192
• Use remote video cache over AMP Cache video cache. #35194

Story animation

• 🐛 Fix error thrown when user pauses before animation runs. #35161

One panel layout

• ✨ Ensure img is loaded, no animation on landing #35132
• ✨ Pre draw image to fade in #35175

What's next

• Launch experiments to improve LCP on stories
• Deploy the 1 panel desktop layout
• Work on interactive sliders and image quizzes / polls

Story player

• ✅ Fix animation unit test flakiness #34382

Amp story

• 🐛 ✅ Get reference to win #34299

Auto advance

• Minimum duration for auto-advance-after. #34592
• Time based auto advancement broken on beta. #34597

Performance

• Track flexible-bitrate experiment through CSI pipeline. #34548
• Launch flexible-bitrate experiment to 10%. #34549
• Don't block Story render on a fallback media load. #34583
• 🚮 Remove bookend extended code #34343

• 🚮 Disabled bookend and related tests #34354

• Welcome to our interns Brandon and Sydney!

Up next

• One panel desktop
• Launch amp-story-page-attachment-ui-v2 at 100%
• New interactive components

What was accomplished

Amp story player

• Add more unit/integration tests #31276
• ✨ Add parameter to configure amp-story-player animation #34204

Desktop one panel

• ✨ Scaffold desktop one panel experiment #34755
• ✨ Experiment on method #34738
• Don't trigger viewport warnings when amp-story-desktop-one-panelis active #34760
• amp-story-desktop-one-panel Responsive story panel #34761
• amp-story-desktop-one-panel pagination arrows #34762
• amp-story-desktop-one-panel Page tap targets #34815
• amp-story-desktop-one-panel System layer positioning #34823
• amp-story-desktop-one-panel Revise breakpoint to mobile view #34829
• amp-story-desktop-one-panel resolve non-active page position on load #34830
• amp-story-desktop-one-panel Confirm calculation of --story-page- CSS variables #34833
• amp-story-desktop-one-panel Update demo with usecases #34867
• ✅ amp-story-desktop-one-panel Rename visual test and new test for small square screen #34906

Page attachments

• Update visual tests for new UI #33184
• Launch amp-story-page-attachment-ui-v2 at 100% #34714
• page-attachment and page-outlink docs (in reivew) #34883

Story interactive

• 📖 Remove link in interactives.html #34756

Story video

• Video cache for amp-video[src] #34570
• Lazy load amp-cache-url and make it optional. #34588

What's next

• Page experience optimization
• page-outlink and page-attachment launch
• Video cache optimization
• Shopping experience ideation
• Load first page only experiment

What was accomplished

Page attachments - open-attachment animation does not cover top of screen on iOS #34470

Story video - ✅ Add e2e tests for Bitrate Manager #33660

Story bookend - 🚮 Remove bookend extended code #34343 - 🚮 Disabled bookend and related tests #34354

Story devtools - 🐛 Toggle devtools on mjs build #34372

Story player - Launched https://go.amp.dev/web-story-player - ✅ Fix animation unit test flakiness #34382

Amp story - 🐛 ✅ Get reference to win #34299

Others - ✨ Add parameter to configure amp-story-player animation #34204

What's next

• Launch adaptive bitrate experiment
• Remove 3 panels desktop experience
• Finish CTA redesign
• Document amp-story-bookend removal and new amp-story-social-share component

What's next

• Amp story player animation configuration
• Testing for new page attachment UI
• Experiment cleanup for new page attachment UI
• Video flexible bitrate experiment
• Desktop refactor I2I

What was accomplished

Page attachments - Theme attribute #32716 - Theme attribute for pre-tap #32767 - Remove background linear gradient #33767 - Add closable affordance for screen readers #33820 - Background contrast protection for text #33913 - 🐛 Use linker on swipe up #33911 - 🐛 Navigate with click on swipeup remote #33656

Story video - Looping videos could get downgraded due to nontrivialWait #33169 - ✨ Connect CacheUrl service to amp-video and load sources #33466 - ✨ Google cache validation #33611 - 🏗 Add testing tools to video story for e2e and manual testing #33857

Story a11y - ♿ Make amp-twitter not tabbable if not on current page #33919

Story autoanalytics - 🐛 Use pageview to trigger story_page_count #33797

What's next

• Finish page attachments redesign
• Finish video cache
• Start rolling experiments on flexible bitrate
• Improve experiment rollouts

What was accomplished

Story responsiveness - Set overflow to visible on preset layers #32678

Deprecating sidebar and bookend - 🚮 Added warning to deprecate amp-sidebar in stories #33328 - ✨ Created amp-story-social-share #33077

Story video - Don't call load() if sortSources was a noop #32731

Story player - Publisher identity #33353 - Add publisher identity in the system layer #33355

Page attachments - Open to max of 80% of screen #32760 - .5 overlay behind attachment #32761

Panning media - Desktop panels, transition only active page #32215 - handle zoom value being 0 #33071 - 📖 Draft docs for developer preview #33386

Others - Write documentation for amp-story-auto-analytics #33407 - ✨ Changing Outlink Page Attachment Button UI #33667 - 📖🐛 Fix typo in 360 docs #33380

What's next

• Release Google Video Cache opt-in and rollout flexible-bitrate algorithm under experiment
• Develop outlink v2 with themes and color customization
• Launch story attribution in players

What was accomplished

Story interactives - 🐛 Fixed text align of buttons #33217

Page attachments - Attachments do not open when clicked using TalkBack #33186 - Launching the CTA update with images in an experiment #33142 - Click listener on shadow root container #33187

Story video - 🐛 Fix video downgrading on load #33170

Story a11y - ♿ Improve screen reader output for interactive components #32969

Story player - ♿ Add label for next story and add i18n for pagination buttons #33205 - 📖 Rename skip-next control to skip-to-next #33164

What's next

• CTA improvements
• Panning media lock bounds
• Monti support
• Deprecate the bookend and sidebar

What was accomplished

Story autoanalytics - Added repeat: false on story-page-visible #32296

Story devtools - Rename logs and move Page Experience #32451

Story responsiveness - Added documentation to presets on amp.dev #32311

Story video - Add cached sources with different qualities to amp-video #32337

Panning media - Respect prefers-reduced-motion #32282 - Add early exit on animation loop #32320

Story Player - Load player iframes sequentially when starting from other than first story #31212 - Improvements on documentation

What's next

• Release documentation on Player
• More improvements on video performance
• Desktop experience update (Removing 3 panel UI)
• Work on panning-media component
• Work on primary CTA experience

What was accomplished

• Player:
• [amp-story-player] Player refactoring ♻️ #32115

• [amp-story-player] Introduce render() method ♻️ #32153

• Auto analytics:

• [Story auto-analytics] Added validation and tests #32288
• [Story auto-analytics] Initialize extension #32241

• amp-analytics linkers config not working on all web stories links #32060

• Panning media:

• [Panning media] Transition sibling group #31932
• [Panning media] Accelerate transitions using translate3d #32254
• [Panning media] Position / scale element #31503
• [Panning media] Transition between pages #31504

• [Panning media] Animate with JS #32098

• Story dev tools (in browser debugging tool):

• [Story devtools] Stories don't load on preview tab if starting on other tabs #32124
• [Story devtools] Finalize UI details: dark scrollbar, center devices, change tab order #32126
• [Story devtools] Device details #32074

• [Story devtools] Added logs status icon on tab selector #31709

• Story page layer:

• [Story page-layer] Internal support for scaling-factor on grid-layer #31282

• Other:

• [amp-story] 🐛 Add role=button back to components that need it #32283
• [amp-story] 🐛 Hiding story education layer when viewport warning layer is visible #32230

What's next

• Player simplification / performance refactor
• Panning media locked bounds attributes #31522 #31505
• CTA UX / UI updates

What was accomplished

• Player:
• Desktop navigation button should show "next" on the last page of a story #31224

• Documentation revamp

• diagnostic tooling (dev-tools):

• Add success page for logs #31906

• Interactives:

• disclaimer on interactive components #31447

• Other:

• iOS 14.2 and 14.3 Unmuted navigation is bug fix (#31911)[https://github.com/ampproject/amphtml/issues/31911]
• Page attachment UI to show URL #27941
• Prerendered story branching URL bug fix #29351

What's next

• Analytics component planning
• Desktop panels experience
• Player performance enhancement planning

cc @ampproject/wg-stories

What was accomplished

• Story format:
• Enforce navigational safe zone on desktop amphtml/issues/30825

• Ignore links that prevent navigation amphtml/issues/31108

• 360 Component:

• Fixed: Animation does not always play amphtml/issues/31062
• Fixed: Inactive pages do not stay paused amphtml/issues/31121
• Fixed: Gyroscope mode amphtml/issues/31061
• Deallocate resources on page navigation amphtml/issues/29512
• Improve duration validation amphtml/issues/31028

• Added documentation amphtml/issues/29511

• Player:

• Allow no initial stories amphtml/issues/31192
• Merged documentation
• Improve player behavior on scrolling amphtml/issues/28009

• Expose go to page API amphtml/issues/31047

• Dev-tools:

• Created extension and trigger amphtml/issues/31194
• Added header and tabs amphtml/issues/31265

What's next

• More AMP Story dev-tools
• Aspect-ratio guidance implementation
• Launch 360 component
• Large image panning
• Fix player improvements and bugs after launch

What was accomplished

Story a11y - Make CTAs not tabbable when not on active page #32840 - Improve tabbing on social-share and bookend #32859 - Rename i-amphtml-orig-tabindex #32867 - Pagination buttons alt text #32861 - Accessible close button in share menu and Twitter overlay #32863 - aria-label on amp-story-360 canvas #32871 - Empty img alt tags #32880 - Accessible close buttons #32925

amp-story-player - ♻️ Mini refactoring #32944

Story video - Do not downgrade a managed video that is already fully loaded #29498 - Manage bitrate on pool elements only (from amp video) #32618 - override aria-label with alt #32963

Story devtools - Add visual diff test for tab loading #31437

Others - amp-story: Images with missing or inadequate text descriptions #32493 - 🐛 Added layout fixed to page-attachment to fix CircleCI test #32732 - Story grid layer documentation - Singleton player experience UX design developments / gestures for closing - Desktop player experience UX design developments - Desktop blurred background technical planning - Google backend disclaimer documentation draft - Implementing CTA design updates - Demo story for responsive grid layer guidelines

What's next

• Building Desktop player experience / planning LE
• Google backend disclaimer documentation finalization
• Implementing CTA design updates
• Localization refactor planning