AMP

The AMP Project Roadmap

The ongoing development of AMP is conducted in working groups, each with knowledge or interest in a specific area of AMP.

To make their work visible to the community all groups provide regular status updates with details of what they have accomplished and what's up next.

All of the updates listed here are available as issues on GitHub and we'd love you to join the conversation there!

Select working groups

Stories

Status Update Thu Sep 02 2021

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
All details on GitHub

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
All details on GitHub

Stories

Status Update Wed Sep 01 2021

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
All details on GitHub

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
All details on GitHub

Stories

Status Update Tue Aug 03 2021

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
All details on GitHub

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
All details on GitHub

Stories

Status Update Mon Aug 02 2021

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
All details on GitHub

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
All details on GitHub

Stories

Status Update Sun Aug 01 2021

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

All details on GitHub

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
All details on GitHub

Stories

Status Update Wed Jul 07 2021

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
All details on GitHub

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
All details on GitHub

Stories

Status Update Thu Jul 01 2021

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
All details on GitHub

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
All details on GitHub

Stories

Status Update Mon Jun 07 2021

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
All details on GitHub

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
All details on GitHub

Stories

Status Update Wed Jun 02 2021

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
All details on GitHub

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
All details on GitHub

Stories

Status Update Sun May 02 2021

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

All details on GitHub

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
All details on GitHub

Stories

Status Update Sat May 01 2021

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
All details on GitHub

Stories

Status Update Fri Apr 02 2021

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

All details on GitHub

What's next

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

Stories

Status Update Thu Apr 01 2021

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

All details on GitHub

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
All details on GitHub

Stories

Status Update Mon Mar 01 2021

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

All details on GitHub

What's next

  • CTA improvements
  • Panning media lock bounds
  • Monti support
  • Deprecate the bookend and sidebar
All details on GitHub

Stories

Status Update Mon Feb 01 2021

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

All details on GitHub

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
All details on GitHub

Stories

Status Update Mon Feb 01 2021

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
All details on GitHub

What's next

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

Stories

Status Update Fri Jan 01 2021

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
All details on GitHub

What's next

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

cc @ampproject/wg-stories

All details on GitHub

Stories

Status Update Mon Nov 02 2020

What was accomplished

All details on GitHub

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
All details on GitHub

Stories

Status Update Sat Feb 01 2020

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

All details on GitHub

What's next

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