AMP

Roteiro do Projeto 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 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 09 2020

What was accomplished

AMP Story Player

amp-story-360

Others

All details on GitHub

What's next

Content layout

Large image panning component

  • A persistent image component that transitions between pages

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 Fri Oct 09 2020

What was accomplished

Interactive Components (quizzes/polls)

  • Official documentation published amphtml/issues/29468
  • Fix prompt alignment https://github.com/ampproject/amphtml/issues/30531

360

Others

  • Build pagination buttons for prerendered stories https://github.com/ampproject/amphtml/pull/30503

AMP Story Player

  • Fix responsive layout validation https://github.com/ampproject/amphtml/issues/30414
  • Fix responsive layout sizing https://github.com/ampproject/amphtml/issues/30423
All details on GitHub

What's next

AMP Story Player

  • Dev preview documentation
  • Custom UI Controls API https://github.com/ampproject/amphtml/issues/30031
  • Fetch stories from endpoint https://github.com/ampproject/amphtml/issues/29864

Interactive Components (quizzes/polls)

360

cc @ampproject/wg-stories

All details on GitHub

Stories

Status Update Fri Oct 02 2020

What was accomplished

New team member

  • Welcome @raxsha!!

AMP Story Player

Interactive Components (quizzes/polls)

amp-story-360

All details on GitHub

Others

What's next

AMP Story Player

360

cc @ampproject/wg-stories

All details on GitHub

Stories

Status Update Tue Sep 08 2020

What was accomplished

Web Player

  • Dispatch end of stories event https://github.com/ampproject/amphtml/issues/29865
  • Fix fragment param issue https://github.com/ampproject/amphtml/pull/30069
  • End of stories behavior API finalized https://github.com/ampproject/amphtml/issues/29289
  • show() improvements https://github.com/ampproject/amphtml/pull/30085

Interactive Components (quizzes/polls)

  • Create public documentation for new sizing strategy https://github.com/ampproject/amphtml/issues/30035
  • Size components with relative units https://github.com/ampproject/amphtml/issues/29925
  • Show ellipsis with 4 lines https://github.com/ampproject/amphtml/issues/29897
  • Change amp-story-interactive version to 0.1 https://github.com/ampproject/amphtml/pull/30080

A11y

Others

  • Fix audio race conditions. ampproject/amphtml#29520
  • "swipe to go to next story" animation bug https://github.com/ampproject/amphtml/issues/30025

What's next

All details on GitHub

Web Player

  • UI Controls API https://github.com/ampproject/amphtml/issues/30031
  • End of stories behavior https://github.com/ampproject/amphtml/issues/29289
  • More samples / documentation

Interactive Components (quizzes/polls)

Animations

  • Example story for new animation presets https://github.com/ampproject/amphtml/issues/30028

360

Accessibility

cc @ampproject/wg-stories

All details on GitHub

Stories

Status Update Wed Sep 02 2020

What was accomplished

Interactive Components (quizzes/polls)

360

Others

All details on GitHub

What's next

Interactive Components (quizzes/polls)

360

cc @ampproject/wg-stories

All details on GitHub

Stories

Status Update Tue Sep 01 2020

What was accomplished

Web Player

  • Started work on UI Controls API https://github.com/ampproject/amphtml/issues/30031
  • Scoping for player developer preview milestone

Interactive Components (quizzes/polls)

All details on GitHub

Animations

  • Example story for new animation presets https://github.com/ampproject/amphtml/issues/30028

Accessibility

cc @ampproject/wg-stories

What's next

(Pending update)

cc @ampproject/wg-stories

All details on GitHub

Stories

Status Update Mon Aug 03 2020

What was accomplished

Web Player

Interactive Components (quizzes/polls)

360

Others

What's next

All details on GitHub

Web Player

Interactive Components (quizzes/polls)

Videos

360

Accessibility

cc @ampproject/wg-stories

All details on GitHub

Stories

Status Update Mon Aug 03 2020

What was accomplished

  • UI Animations for quizzes/polls highlight on page navigation
  • Update polls/quizzes API endpoints (base64 encode URL, use component ID over page ID, use :vote method on POST request)
  • Category results page for multi-polls story
  • Fixing audio state propagation from story to story in a Player
  • Ability to navigate back using TalkBack
All details on GitHub

What's next

  • Percentage results page for multi-quizzes story
  • Moving interactive components to their own extension
  • Interactive components validation
  • Prompt gyroscope data access on iOS for amp-story-360
  • Player entry point: singleton preview
  • Player entry point: circular wrapping
  • Player API: proxy to getDocumentState/setDocumentState API
  • Restart active page advancement when swiping back to a Story (#28927)
  • Fix joint latency video metrics (#29105)
All details on GitHub

Stories

Status Update Sat Aug 01 2020

What was accomplished

Web Player

Interactive Components (quizzes/polls)

Videos

360

Animations

Others

All details on GitHub

What's next

Web Player

Interactive Components (quizzes/polls)

Videos

360

Others

cc @ampproject/wg-stories

All details on GitHub

Stories

Status Update Thu Jul 02 2020

What was accomplished

  • Viewer
  • Show(), go(), play/pause(), mute/unmute(), add() callbacks
  • Exposed a navigation event
  • Bug fixes
  • Adding visual tests
  • New github dashboard for tracking player-related tasks
  • "Interactions" (formerly quizzes & polls)
  • Results page implementation
  • Demos and documentation of API
  • Emoji burst animation
  • Videos
  • Two fixes for videos on first story page, and simplifying video playback code to reduce surface for bugs
  • Custom adaptive bitrate implementation MVP
  • Other
  • 360 images launch with programmatic animations
All details on GitHub

What's next

  • Viewer
  • Preview mode for amp-story-player
  • Starting implementation work on entry points
  • Wrap to first story after finishing last one
  • Merging amp-story-player AMP extension
  • "Interactions" (formerly quizzes & polls
  • Additional demos and documentation
  • Emoji validation for emoji confetti
  • Other
  • 360 component to support video and gyroscope
  • Animation preset enhancements
All details on GitHub

Stories

Status Update Tue Jun 02 2020

What was accomplished

  • Started work on results-page components and multi-option polls
  • Interactive poll animations (PR pending) https://github.com/ampproject/amphtml/pull/28931
  • Fixit week: 25 bugs closed
  • Accessibility fixes (https://github.com/ampproject/amphtml/pull/28860, https://github.com/ampproject/amphtml/pull/28780, https://github.com/ampproject/amphtml/issues/28408, https://github.com/ampproject/amphtml/issues/28294)
  • complete docs regarding analytics in STAMP
  • audio bug fixes
  • increased tap target for swipe up
  • tooltip dark-theme
  • fix sandbox flag bug in player
  • Fixed bugs related to video playback and media pool (on story replay)
  • 360 videos and images implementation ongoing, with two projections
  • Removed amp-story v0.1 (~2 years after deprecation 😅 )
All details on GitHub

What's next

  • Planning 360 media component
  • Figure out solutions to improve the audio UX
  • Ongoing video performance work (hoping to get bitrate selection prototypes)
  • implement show() callback in player
  • expose swipe down to close handlers for players
  • Starting to design/implement UI primitives / API methods for the story player
  • Demos, documentation, and tooling for fixed aspect ratio grid layers
All details on GitHub

Stories

Status Update Sat May 02 2020

What was accomplished

  • a11y bugs related to TalkBack
  • Animations for amp-story-reaction
  • Gyroscope experimentation
  • Binary polls
  • Launched API for programmatic control of the amp-story-player
  • Fixed audio bugs
  • Support remote attachments in Safari in the amp-story-player
All details on GitHub

What's next

  • Continue launching APIs for the amp-story-player
  • Continue work on binary poll
  • Documentation pass on analytics
All details on GitHub

Stories

Status Update Fri May 01 2020

What was accomplished

  • amp-story-animation launched
  • Video performance bug fixes
  • amp-story-reaction refactoring in preparation for new components (quizzes, polls) and finalizing API.
  • Animation investigation for amp-story-reaction
  • Refactoring of LocalizationService
  • Ability to override story language via an attribute at the player level (wip).
  • amp-story-player
  • Load stories inside the player from the AMP cache of the publisher's choice. This is specified as an amp-cache attribute in the player tag. (e.g. amp-cache="cdn.ampproject.org")
  • Progress on programmatic API hooks for publishers to use (onReady, loadStory, etc..)
  • Scoping work for entry points to the player (upcoming interns project).
All details on GitHub

What's next

  • Implementation of animations for amp-story-reaction.
  • Launch API for programmatic control of the amp-story-player.
  • Working through embedded components
All details on GitHub

Stories

Status Update Thu Apr 02 2020

What was accomplished

  • Work to support <amp-animation> support within <amp-story>
  • Prototype of polls in stories
  • Work to support player
  • Manual QA test cases to improve reliability
  • Fix for bug where videos don't fall back to other sources if the first source failed to decode
All details on GitHub

What's next

  • Work to fix race conditions that prevent video playback
  • Expose JS APIs to programmatically control player
  • Start work to productionize polls in stories
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