AMP

AMP 项目路线图

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 Fri Apr 08 2022

What was accomplished

amp-animation

  • ✨ Adds a new attr that allows to override pan scaling factor. #37965

Story performance

  • Not load all page attachment images when loading story #35534
  • Lazy-load non-critical extensions #37680
  • 🚀 Fix CLS caused from AMP runtime CSS showing story before amp-story.css #37990

Story animations

  • 🐛 Center vertical panning #38017

amp-story-shopping

  • Add productDescription to all templates and max length #37993

amp story captions

  • 🐛 Close voice tags in example html .vtt files #37977

Page Attachments

  • 🚀 Ensure that the page attachment container is not inadvertently rendered by the AMP Resources manager #37961
  • 🖍 Add the 'Read more' string for translation #37991
All details on GitHub

amp story shopping

  • documentation #37894
  • ♻️ Change "vendor" to "brand" #37958

amp story page attachment

  • 🐛 add path metadata docs #37988

AMP Story Paywall

  • ✨ Handles grant status and show/hide paywall dialog in amp-story-subscriptions #37892

Story analytics

  • 🐛 Fix prerender analytics not firing #37975

Story localization

Others

  • ♻️ Story: refactor to treat story ad pages as story pages #37940
  • 🚀 amp-story: Use Services.urlForDoc instead of util functions #38026

What's next

All details on GitHub

Stories

Status Update Wed Mar 02 2022

What was accomplished

amp story page attachment

  • CTA tab-able inline CTA #37933

video cache

  • ✨ Append captions track from cache response #37893

Story localization

  • ✨ Fetch strings for localization files if in experiment #37843
  • ✨ Localize system layer async #37870

Story performance

  • 🚀 Remove FOUT on font loading of amp-story-education #37928
  • 🚀 Remove CLS from system layer when adding buttons #37929
  • 🚀 Set disabled animation on first page to 1 #37157
All details on GitHub

Observable

  • ✨ Make observable safe to remove handler while firing. #37887

Story system-layer

  • 🚮 Removing unused storyHasAudio state property #37220

amp story shopping

  • Remove multi line border radius code #37808
  • ✨ Change productBrand to productVendor and make it optional #37897

What's next

  • Launch amp-story-shopping (analytics, validation & documentation)
  • amp-story-captions (customizable CSS with smart default, automatically use amp-story-captions component)
All details on GitHub

Stories

Status Update Tue Mar 01 2022

What was accomplished

Story localization

  • ✨ Use inlined JSONs for localization bundles #37836

Story attachment

  • 🐛 Opening outlink error for closeButton being null #37833
All details on GitHub

amp story shopping

  • PDP Details section open / closing state setting #37763
  • Support newlines in productDescription #37787
  • 🖍 Border radius on single image in RTL #37803
  • ✨ Optionally render rating #37805
  • Error when loading story on page that uses remote data #37749

What's next

  • Shipping the shopping components
  • Finish story subscriptions component
  • Lazy load localization strings
All details on GitHub

Stories

Status Update Tue Feb 01 2022

What was accomplished

Story video

  • 🚀 Use the inlined video response instead of issuing an XHR request, for the 1st video of the 1st web story page #37499

Story documentation

  • 📖 Fix page attachment docs location #37669

amp story page attachment

  • 🖍️ Box shadow on header #37579
  • 🐛 fix attribute typo on CTA active toggle #37633
All details on GitHub

amp story shopping

  • Product tag functionality #36734
  • Attachment template logic #36735
  • PLP template logic #36736
  • PDP template logic #36738
  • PDP carousel #37091
  • 🐛 Do not render shopping CTA if no shopping tags are on the page #37503
  • ✅ Move i18n CTA label logic into shopping-attachment component #37515
  • ♻️ Rename tag-id to product-id #37527

Others

  • 🖍 Added shopping tag flip on too far position to the right #37195
  • ✨added camelCase to amp-story-shoppping component #37533
  • 🐛 amp-story-shopping Added correct margins for RTL mode #37568

What's next

  • Shopping Dev Preview
  • Amp story subscriptions (paywall)
  • Performance
All details on GitHub

Stories

Status Update Tue Jan 04 2022

What was accomplished

Performance

  • 🧪 Lazy load share menu on desktop on-demand #37044
  • 🚀 Disable animations on first page if story is transformed #37135
  • ♻️ Extract performance service into variable #37137
  • 🚀 Remove unused strings from localization bundles #37229
  • 🚀 Remove share menu from main amp-story bundle #37235
  • 🌐 Removed sound text localizations after removal from system layer #37218
  • 🚀 Move share menu to separate bundle #37179

Pagination buttons

  • 🐛 Pagination forward button visibility state #37098

Shopping

  • Set active product data in store service #37013
  • Optional product-tag-text for shopping tag #37105
  • 🖍 Prevent shopping tag dot and image from shrinking #37149
  • Currency i18n #37246
All details on GitHub

System layer icons

  • 🖍 Replaced icons and styles #37122

Videos

  • ✨ Added ACAO headers #37160

What's next

  • Reduce bundle size further with more removal of page-attachment ui, localization strings, and CSS
  • Work on shopping tags and attachment
  • Make system layer more responsive, add CC icon and update "Ad" tag
All details on GitHub

Stories

Status Update Mon Jan 03 2022

What was accomplished

amp story shopping

  • PLP template presentational structure and styling #36732
  • 🐛 shopping CTA label fix #37502

Story analytics

  • 📖 Use amp-story-share-menu for share analytics #37475
  • ✅ Add test to check sharing happens with the right tag and eventType #37488

Amp story page attachment

  • Refreshing page while attachment is open throws error. #37430
All details on GitHub

Story video

  • ✨ Check if cache response contains audio #36283

Story performance

  • 🚀 Remove interactive host styles #37472

amp story

  • 🐛 Change toggleAttribute to set/removeAttribute #37420

What's next

  • Shopping PLP and tags
  • Amp story subscriptions (paywall)
  • Performance
All details on GitHub

Stories

Status Update Sat Jan 01 2022

What was accomplished

Story performance

  • 🚀 Move building share menu to share-menu.js #37209
  • 🚀 Move open page attachment UI to extension #37278
  • 🚀 Remove logging and development UI from the amp-story bundle #37279
  • 🚀 Remove affiliate links #37280
  • 🚀 Remove story access #37281

Story attachments

  • 🐛 Fix attachment Firebase demos #37335

Story system layer

  • 🖍 New ad badge #37311
  • ⏪ Audio icon disappears when story has background audio #37314

amp story

  • 🐛 Replay/next page button bug fix #37316
All details on GitHub

amp story shopping

Story documentation

  • 📖 Cleanup experiment descriptions #37290

Others

  • Reduced area of amp-story-attachment #37234
  • ❄️ Skipping failing test for viewer #37245

What's next

  • Bad loading experience in Story: Flash of white between video poster and video playback #31358
  • [Story video] Check if cache response contains audio #36283
  • amp-story-player: previous and next story buttons not visible in Safari #37211
All details on GitHub

Stories

Status Update Fri Nov 05 2021

What was accomplished

Story performance

  • 🚀 Remove default translation and use english as default #36632
  • 🚀 Rewrite styles only on desktop one-panel or bot rendering #36692
  • 🚀 Remove media query matcher #36747

amp story shopping

amp story page advancement

  • ♻️ handle clicks on drawer #36715
All details on GitHub

Story

  • storyContentLoaded event doesn't fire when loading story on page index != 0 #36571

Others

  • ✨ Add volume attribute to amp-video for use in amp-story-page #36693
  • 🐛 Added back JS for vh #36719

What's next

  • Continued work on the story shopping initiative
  • Investigation of technical approaches for embedding stories
  • Investigation of compatibility of amp-subscriptions in amp-story
  • Investigation of performance and user experience improvements for initial page load
All details on GitHub

Stories

Status Update Tue Nov 02 2021

What was accomplished

Amp story shopping

  • Get and set JSON data #36699
  • Add Object typedef for shopping data #36911
  • ♻️ Attachment as element child #36989

Story performance

  • 🚀 Use dvh if available, instead of vh #37003

Story responsiveness

  • 🐛 Need to overflow visible with presets #36912

Story audio

  • 🖍 Move audio equalizer from video to story system layer #36264

Documentation

  • 📖 Added amp-video documentation that cache is not compatible with crossorigin #36772

amp story 360

amp story panning media

  • 🚮 Remove unnecessary private variable #36846
  • ♻️ implicit returns #36930

Hint: hit control+c anytime to enter REPL.

What was accomplished

Amp story shopping

  • Get and set JSON data #36699
  • Add Object typedef for shopping data #36911
  • ♻️ Attachment as element child #36989

Story performance

  • 🚀 Use dvh if available, instead of vh #37003
All details on GitHub

Story responsiveness

  • 🐛 Need to overflow visible with presets #36912

Story audio

  • 🖍 Move audio equalizer from video to story system layer #36264

Documentation

  • 📖 Added amp-video documentation that cache is not compatible with crossorigin #36772

amp story 360

amp story panning media

  • 🚮 Remove unnecessary private variable #36846
  • ♻️ implicit returns #36930

amp-story-page-attachment

  • ♻️ revise cta text in docs #36426

Story documentation

  • 📖 Update embedded components documentation #36904

Story embeds

  • 🚀 Remove support for expanded components like amp-twitter #36851

rel=stylesheet

  • ✨Allow link which points to the amp-story-1.0.css in a transformed amp document #36844

Others

  • Web Stories preview in FireFox browser has virtual devices spilling off screen #36964

What's next

  • ✨ [Story interactive] Enable interactive disclaimer dialog
  • 🐛 [Story performance] Disabling animations on initial page when first loaded
  • ✨ [Story video] Check if cache response contains audio
  • 🚀 [Story performance] Removed duplicated share styles [WIP]
  • 🚀 [Story performance] Only change dvh if the transformer doesn't do that already. Bad loading experience in Story: Flash of white between video poster and video playback
All details on GitHub

Stories

Status Update Sat Oct 02 2021

What was accomplished

Story performance

  • 🚀 Move aspect-ratio logic to CSS for styling #36061
  • 🚀 Add css to show story from beginning #36333

amp-story-page-outlink

  • 🐛 Force page outlinks to use target='_top' in order to prevent navigation from breaking on Safari #36428

story-ads

amp story 360

  • 🚮 Remove unnecessary .then statement #36409

Story documentation

  • 📖 Added that autoplay is required on videos #36398
All details on GitHub

Story devtools

  • 🐛 Fixed validator not loading #36404

Story loading

  • 🐛 Send storyContentLoaded during prerendering #36307

Amp story panning media

  • 🐛 Set width and height of amp img element #36340

desktop one page

  • 2021-background preset not optimally aligning #35796

What's next

  • Shopping experience development -LCP improvements
All details on GitHub

Stories

Status Update Fri Oct 01 2021

What was accomplished

Story performance

  • 🖍 Set css units on desktop for supports-landscape and regular one-panel #36033
  • 🖍 Remove standalone classes #36127

Story video

  • Add codec information received from video cache #36228
All details on GitHub

amp-story-panning-media

  • 🐛 Set width on amp-img el #36217

Others

  • 🚮 Clean up dead amp-sidebar code within stories #36178
  • 🧪 Set animations experiment to 0 #36248
  • amp-story-shopping design document.

What's next

  • Developing amp-story-shopping design document
  • Story video codec development
All details on GitHub

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