The AMP Project Roadmap

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

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)

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

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

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 😅 )

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

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

What's next

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

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).

What's next

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

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

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

What was accomplished

• Last launch-blocking tweaks for remote URLs in page attachments
• Bugfixes for story education, auto-advance
• Update amp-geo documentation to mark as usable within stories
• Allow single-tap links in <amp-story-grid-layer> if they are within the bottom-most 20% of the viewport (with publisher opt-in)

What's next

• Validation and documentation for remote URLs in page attachments
• Validation and documentation for single-tap links in <amp-story-grid-layer>
• Allow loading stories in the player from the cache
• JS APIs for open source web player
• Adding play/pause controls to the system layer on desktop
• Exploratory work on quiz improvements

What was accomplished

• Fixes for auto-advancing based on audio
• Pull request out for remote page attachments
• Story education mostly complete
• Fixes for style isolation

What's next

• Moving amp-story-player to a custom element
• Allow loading stories from the cache in the player
• Design of player JS API
• Continuing video performance design

What was accomplished

• Support swiping in amp-story-player
• Prototypes of loading remote URLs on swipe up
• Started work on story education

What's next

• Loading stories from the cache in amp-story-player
• Productionize loading remote URLs on swipe up
• Viewer messaging for story education
• Spec out auto-advancing previews

What was accomplished

• Filed intent-to-deprecate: amp-story-bookend
• Filed intent-to-deprecate: amp-sidebar within amp-story
• Player
• Rolled out to production
• Documentation launched
• Navigation and tap-to-next story are in beta
• Quizzes
  • Options to customize quizzes, including theme, chip corner, chip style, accent color, prompt and option text color
• Fix for --story-page-vh and --story-page-vw being incorrect sometimes on desktop

Lessons learned

• It's not always clear which features should exist at the format level and which should exist at the player level

What's next

• Player
  • Swipe-to-next story
  • Sandboxing of iframes
• Story format onboarding and user education
• Kickstarting discussions around remote URLs in page attachments
• Examples for workarounds for sidebars/bookends

What was accomplished

• Viewer (amp-story-player)
• Renamed to public-facing name amp-story-player
• Initial styling for viewer before JS is loaded
• Quiz
• Displaying percentages for options
• Animations for bar filling
• Video
• Investigated performance of video formats: MP4, WEBM (VP9)
• Investigated bitrates to use
• Prototyped using navigator.connection.downlink to determine throughput
• Other
• Removed 1px border that sometimes showed up on 3-panel desktop experience
• Corrected initial position for inactive pages on 3-panel desktop experience to improve animation

Lessons learned

• Test in Safari!

What's next

• Viewer (amp-story-player)
• Launch of single-story experience
• Developer documentation and usage examples
• Quiz
• RTL for percentage animations
• Resolve Safari bug where entrance animation for options is not triggered
• Internationalization of (a), (b), (c), and (d) options
• Accessibility review (e.g. roles on interactive options)
• Documentation of next steps for validation
• Video
• Create prototype to test on different phones

What was accomplished

• Vertical rendering for bots
• Live stories:
• Allow inserting new pages at any position
• Documentation draft
• Analytics:
• Adding configuration options for analytics in stories (e.g. duplicate pages) out for review
• Story analytics variables refactoring
• Design for video performance metrics

What's next

• Delete pages from a live story
• Progress bar improvements
• Video playback reliability on three panels desktop version
• Opening remote URLs in page attachments security discussions
• Continuing work on affiliate links
• Finish design for video performance metrics
• Design for:
• minimum/maximum aspect ratios
• embedding STAMPs in other pages
• Reactions

What was accomplished

• Live story validation merged
• Eng design decision for opening remote URLs in page attachments
• New story-last-page-visible trigger
• 0.1 deprecated
• Vertical rendering for bots
• Alt text for videos with text baked in
• Started work on affiliate links
• Fixed prerendering bug where story was not built due to height

What's next

• Adding configuration options for analytics in stories (e.g. duplicate pages)
• Start looking into progress bar changes
• Opening remote URLs in page attachments
• Investigating prerendering
• Optimizations to vertical rendering for bots
• Continuing work on affiliate links
• Work on video metrics
• Design for minimum/maximum aspect ratios
• Design for embedding STAMPs in other pages