Giter VIP home page Giter VIP logo

wg-stories's Introduction

wg-stories

The wg-stories Working Group is responsible for implementing and improving AMP's story format (amp-story).

Facilitator: @newmuis

Members

Github team https://github.com/orgs/ampproject/teams/wg-stories also includes Stories WG members.

Communication Channels

  • Stories Working Group members will use #wg-stories channel on AMP's Slack (signup) for real-time discussion. The channel is open to anyone, regardless of membership in Stories working group.
  • Stories Working Group will post Status Updates every two weeks as an issue labeled with Type: Status Update in this repository.
  • Stories Working Group will post Announcements and Notices regarding events as an issue labeled with Type: Event in this repository.
  • Any bugs or feature requests related to AMP should NOT be filed in this repository and https://github.com/ampproject/amphtml/issues should be used instead.
  • Stories Working Group will hold monthly meetings, generally in the last week of each month. Before this time, a Doodle link will be sent to evaluate the best time at which to hold the meeting, and a sli.do link will be sent to solicit questions and/or agenda topics for the meeting. Both links will all be available in the GitHub issue for the meeting labeled with Type: Meeting; once finalized, the issue will be updated with the finalized date and time, and the meeting will be reflected on the working group calendar.
Calendar icon View Stories Working Group Calendar

@ampproject/wg-stories can be used to mention the UI Working Group in issues and PRs.

Code of Conduct

Stories Working Group follows the AMP open source project code of conduct.

wg-stories's People

Contributors

gmajoulet avatar kristoferbaxter avatar matthiasrohmer avatar mrjoro avatar newmuis avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

wg-stories's Issues

wg-stories Working Group Update - January 2020

This is the stories working group update, presented at the 2020-01-23 AMP design review

Major accomplishments since #17

  • A number of accessibility fixes
  • Improved reliability, logging, and error handling for videos
  • Launched branching
  • Improved analytics for page attachments and bookends
  • Improved documentation by splitting it into multiple docs (roughly one per tag)

What's next

  • Continued work on video reliability and performance optimization
  • Launch of <amp-story-quiz>
  • Ability to swipe up to web content
  • Launch of <amp-story-player> to embed stories in other pages
  • Ability to autoplay story without user interaction (leanback-style auto advance mode)

wg-stories Status Update 2019-04-29

What was accomplished

  • AMP Conf 2019
  • Design review & implementation
  • AMP embedded components polish
  • Templating API implementation
  • object-fit / object-position properties on amp-video, amp-img, amp-anim
  • Element based media queries
  • AMP components prerendering order design review and implementation
  • Fixing the amp-story render-delaying service
  • Fixing media playback bugs

What's next

  • Continue design & implementation
  • AMP embedded components layout polish
  • Finishing templating API feature, and documentation
  • AMP components prerendering order alternate design

wg-stories Status Update 2020-05-11

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

wg-stories Status Update 2019-07-08

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

Discussion: Suggestion to establish 9:16 as default aspect ratio for Web Stories (including in the Desktop viewer)

We've started discussing this on an internal email thread, but moving it to a public forum now where all WG members can engage.

Tl;DR: I'm working on an AMP story editor for WordPress, and we'd like to propose to change the default aspect ratio for mobile stories to 9:16, which is particularly relevant for when consuming mobile stories on Desktop. Our team also recommends this aspect ratio to other story editors, unless you support responsive story creation. You'll find a lot of background and some prototypes to play with in this explainer doc.

A couple arguments I made in favor (taken slightly out of context, happy to explain in more detail):

  • Most video is shot 9:16, so most video will be cut off or letterboxed, regardless of what we will do in the editor
  • If we don't do this, it will mean that every story of our editor will be letterboxed (at least the content area, the background might fill or not fill based on setting).
  • Current percentage-based story editors actually break on lots of phones (I confirmed this with a large partner). Unless they're doing something magical, this will continue until they follow suit and letterbox.
  • We will letterbox all stories, in one way or another (some with background that fills, luckily). It's not a matter of whether we want to or not – it's very hard to build a magic layout self-healing responsive system that adapts to what the user intended, without exposing responsive design tools. @dvoytenko and I spend weeks researching, building prototypes.
  • I still want that crazy magical system, but it's many months away from reality, unless somebody in our team has a breakthrough idea we haven't considered before.

Would love to hear arguments before or against,

wg-stories Working Group Update - September 2019

This is the stories working group update, presented at the 2019-09-25 AMP design review

What was accomplished

  • Update the story progress bar
  • Substantial performance improvements around prerendering, media playback, and asset loading

  • Video performance metrics

  • Improved story analytics

  • Providing options for specifying alt text when text is baked into video assets (via the title attribute on <amp-story-page>)

  • Engineering design for embedding stories in other pages

What's next

  • Continue work on allowing remote URLs inside of page attachments
  • Visual effect: 3D gyroscopic parallax effect
  • Visual effect: 3D image support
  • Polls & quizzes

  • Better accessibility for stories

  • Implement library to easily embed stories in other webpages

wg-stories Status Update 2019-05-28

What was accomplished

  • CSS preset to provide a text background color
  • amp-live-list:
    • code submitted
    • progress bar updates
  • Templating:
    • Handling media playback when media queries change
    • Work on documentation
  • Prerendering:
    • Fixing the story prerendering at the AMP level, 1% experiment launched
    • Fixing a story render service bug
  • Documenting and designing the tap to next story and bookend feature
  • Vertical rendering prototype for Search indexing tools
  • Adding safe space on the screen edges to always allow navigation on tap

What's next

  • amp-live-list: UX and user interactions when there is a new page
  • Scoping out extending analytics for stories
  • Monitor the prerendering experiment and launch it to 10%
  • Implement tap to next story and remove the bookend when feature is enabled
  • Design video performance analytics
  • Implement vertical rendering for Search indexing tools
  • Write contributor-facing documentation for general docs and design principles

wg-stories Status Update 2020-08-03

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)

wg-stories Status Update 2020-10-09

What was accomplished

Interactive Components (quizzes/polls)

360

Others

AMP Story Player

What's next

AMP Story Player

Interactive Components (quizzes/polls)

360

cc @ampproject/wg-stories

[Roadmap] 2019 - Q1

Stories Working Group's focus for Q1 of 2019 is improving stability and providing features that users of AMP or users of stories would expect.

wg-stories Meeting 2020-02-13

Meeting date/time (UTC)

2020-02-13 at 15:00 GMT

Instructions for joining the meeting

https://meet.google.com/fxi-kegz-dzy

Agenda

https://app.sli.do/event/gklrli58/live/questions

Meeting Notes

  • Could you please update us on the progress of the Widget / Embeds for AMP Stories that you started developing in the beginning of the year?
    • The first version of embeds (now called <amp-story-player>) will be launching soon. The code for the first version is in but the documentation is pending. The first version allows for opening a single story in the player; we’re working on the ability to open multiple stories and tap/swipe between them, but this won’t be available for another few weeks.
    • We haven’t started the implementation of widgets, but once the player supports multiple stories, the implementation of the widget becomes easy. There are still some open questions that will need to be addressed on the I2I about which stories to load.
  • What's the status of the confined content space and option to limit aspect ratios to 9:16?
    • We’ve settled on an API, but still have not implemented anything, due to bandwidth limitations
  • When do you plan on launching the Poll/form component? Do you plan on making a slider too?
    • We’ve started with Quizzes and those should be launching soon
    • Polls and sliders can follow shortly after
  • If we want to contribute to the project, where can we start ? :)
  • Arthur, can you tell us about the launch of once.app, specifically around what you might expect from engagement features
    • Launched yesterday on Product Hunt; got feedback on how people might want to use these features
    • Want to hear more from their audiences
    • Sliders are a dynamic way of asking people how would you rate/recommend a product. Provide more granularity than just a poll with “do you like my product? Yes / no / a little”
    • Customer feedback: want to know more about a product/service e.g. “would you add anything to our experience?” wouldn’t want to constrain the answers of the user
    • Polls can help for gamification, especially with a story embedded in the website directly
  • Would there be interest in changing the format to auto-advance by default (with an override to manually advance), rather than manually-advancing by default (with an override to auto advance)?
    • Loic (Join): no feedback for now; but we can ask our clients for the next working group meeting
    • Charles-Axel (Tappable): auto-advance might make it feel like annoying carousels on web. Very much against auto-advance. Stories are content that is not tied to the way that the editor made it. Two videos on a page, which one takes precedence? Super-short auto-advance? Character counts fail with text in images? Default now works for more cases than auto-advances.
    • Pratik (MakeStories): Lots of users ask for tap being changed to swipe, because people try to swipe to go to next page. Everything works the way it is. If it starts auto-advancing from the beginning, then they won’t tap.
      • We encourage folks to put a “tap to read” on the right side of the page
    • Charles-Axel (Tappable): No issues with going from one page to the next. 70% P1=>P2, of people going to P2, most people make it all the way to the end. Drop off between pages not a big deal. People are used to the UX from IG or other platforms.
  • Page attachments: are they going to continue to work the way they do today?
    • What is currently launched will always continue to work
    • Remote URLs have a couple of problems
      • UX if page prevents from being iframed
    • AI: @newmuis follow up on forms in attachment with security

wg-stories Status Update 2020-09-08

What was accomplished

Web Player

Interactive Components (quizzes/polls)

A11y

Others

What's next

Web Player

Interactive Components (quizzes/polls)

Animations

360

Accessibility

cc @ampproject/wg-stories

wg-stories Working Group Update - June 2019

This is the stories working group update, presented at the 2019-06-19 AMP design review

What was accomplished

  • Built AMP viewer features to allow tapping and swiping to the next/previous stories
  • Best practices guide

    See the full guide on amp.dev

  • Built easier templating features
  • Allow specifying focal points for media
  • Added support for live stories (#21714)
  • Launched embedded components
  • Add built in CSS for text with a colored background to make text more legible
    Without text highlightingWith text highlighting
  • Media playback reliability

  • Performance improvements

  • Better support for prerendering stories

  • amp-story 0.1 deprecation

What's next

  • Allow opening remote URLs inside of page attachments
  • Allow users to react inline to story content, to provide social feedback
  • Update the story progress bar
  • Improving story analytics

  • Providing options for specifying alt text when text is baked into video assets

  • Give publishers better assurance about the aspect ratio of the story

  • Allow easily embedding stories in other webpages

wg-stories Status Update 2020-03-16

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

wg-stories Meeting 2019-09-30

Meeting date/time (UTC)
2019-09-30 at 16:00 GMT

Instructions for joining the meeting
https://meet.google.com/ykg-xzrn-hxp

Agenda
None! First meeting 😃

Summary of Action Items

  • AI(Jon Newmuis): will ask organizers of the summit to record new contributor day
    • Talks will be recorded.
  • AI(Benjamin Ranft): to post names of Instagram stories animation apps to Slack
  • AI(Rody Davis): follow up on contributing JSON schema for AMP stories
  • AI(Jon Newmuis): Reach out to folks and see if we can find any case studies
  • AI(Jon Newmuis): For us in the stories working group, create a shared file in the Slack channel to share stories
  • AI(Jon Newmuis): Set up a monthly recurring meeting

Full Meeting Notes

  • Overview of feature development in past few months/next couple of months
    • Past few months
      • Update the story progress bar (gif)
        • Prevents stories with many pages from having the progress bar segments become too small
      • Substantial performance improvements around prerendering, media playback, and asset loading
        • 5x GPU memory decrease, especially on desktop
      • Video performance metrics
      • Improved story analytics
      • Providing options for specifying alt text when text is baked into video assets (via the title attribute on )
      • Engineering design for embedding stories in other pages
        • Ability to swipe from one story to another
        • Ability to tap from the last page of one story into the first page of the next
    • Next few months
      • Continue work on allowing remote URLs inside of page attachments (gif)
        • On the web, this is implemented with an <iframe>, but not all pages allow themselves to be iframed
        • Working through alternative designs to reduce user confusion and improve security
        • Q: Forms within the page attachment?
          • In the same bucket
          • This UI design should address any use case that contains potentially unsecure content
      • Visual effect: 3D gyroscopic parallax effect (gif)
      • Visual effect: 3D image support (gif)
        • On devices that have multiple cameras, the cameras aren't actually taking exactly the same photo
        • This can be used to create a depth map and reconstruct a 3D image
        • People who have iPhones can use "Portrait" mode to capture such images
        • Q: Support for AR?
          • Not something that we have an operationalized plan around
          • Can think about this down the line, but there's no plan around how to productionize this yet
      • Polls & quizzes
        • Quizzes: correct and an incorrect answer, entirely local to stories. User can guess and they will be shown whether their guess was correct or incorrect
        • Polls: subjective question, backend component that will aggregate results and display them to users
        • Q: Can we prioritize polls and quizzes over 3D features?
          • Not a matter of prioritization; they will be worked on in parallel
          • Polls and quizzes are definitely a priority
        • Q: Can we integrate with Firebase for the polls?
          • Thinking through the best way to support the backend for polls and what's easiest for publishers
          • Hopefully will have a concrete proposal to share soon
        • Q: Can we keep an open backend like amp forms and have a Firebase app which comes with built-in support for polls and quizzes?
          • One of the goals that we want to explore for polls and quizzes is providing a centralized view of engagement
          • Can always keep an open backend as an option for publishers
          • There's a lot to gain from having a single authoritative backend
        • Q: An open backend would help large publishers to integrate with their own CMSes and data sources where they have a lot of data. Firebase has recently launched app support which will give some functionality out of the box. Suggestion was to make AMP forms a default functionality
          • Might make sense as an option, but we might need an easier default
          • People compare AMP websites to regular websites, and in that context a setting up a separate Firebase backend might make sense
          • With AMP stories, people are comparing to Instagram Stories, where the poll creation flow is just dropping in a question
        • Q: Instagram polls are just yes/no, and Facebook and Instagram have the same UI when it comes to polling
          • Not suggesting that we should limit to yes/no or the UI that they have
          • Should allow publisher to specify what question they would like to ask and what answers they would like to have, without having to stand up their own backend to process form data or create a Firebase account
          • There may be a case where publishers want to do more advanced things like setting up a backend, and we should support that, but there are advantages to having the default be a drop in component without advanced configuration
          • Consider a centralized microservice
      • Better accessibility for stories
        • Full accessibility audit yielded low-hanging fruit (buttons missing labels, incorrect tab order)
        • Investigating larger accessibility features: accessibility/reader mode with increased contrast and font sizes, integrating with backends to do automatic closed captioning of videos or OCRing of text in images
      • Implement library to easily embed stories in other webpages
  • Q: Are you working with anyone else on these components? Do you need help?
    • We're always open to external contributors
    • If folks in this meeting or otherwise are interested in contributing to stories, we would be happy to talk to you about how to do that
    • It should also be noted that we have a lengthy product backlog (not listed here)
    • The list above is what we have prioritized and what we thought we could get done
    • There are features big and small, so if you're interested, we're all for it
  • Q: Is there a list of countries where AMP stories are supported?
    • We are an open source framework that lets you create webpages; from that perspective, AMP stories are a global thing. It's an HTML file you can host on any server/infrastructure you like
    • If this is referring to where stories show up in Google Search or other Google properties, that team doesn't talk about the features that they have until they launch. We don't work on search
  • Q: Last year, contributor day at the contributor summit was not recorded. This year, can you make it a point to record the sessions that help you get started with contributions?
    • AI(Jon Newmuis): will ask organizers of the summit to record new contributor day
  • Q: Are there plans of expanding the set of animations for stories? e.g. text flying in letter-by-letter
    • This is an excellent place where external contribution can help
    • Bringing feature requests to the AMP team is one way of contributing (being as specific as you can)
    • Code contribution is also helpful
    • Core AMP stories team doesn't have the bandwidth at the moment, but can add this to the product backlog
    • Q: Which tool has great animation support?
      • A bunch of apps on mobile phones that help create animations for Instagram stories
      • AI(Benjamin Ranft): to post names of Instagram stories animation apps to Slack
      • Publishers are expecting a similar [to Instagram] level of user experience for their readers
      • Currently, we're limited to more PowerPoint-like animations
  • Q: Are we open to loading/saving stories to/from JSON? An official schema?
    • No plans to have an official JSON schema
    • mic.com published their format StoryJSON; the project seems unmaintained at this point
    • Interested in any developments in that space
    • AI(Rody Davis): follow up on contributing JSON schema for AMP stories
  • Q: The impact that AMP stories are having on user engagement? Case studies?
    • Don't have any at the moment
    • AI(Jon Newmuis): Reach out to folks and see if we can find any case studies
  • Q: What is the state of monetization?
    • Primary way folks monetize stories is through affiliate links
    • For, display advertising support, you can direct sell
    • Working on plug-and-play programmatic option; not super lower quality. Publishers who have used AdSense can use that same source. Currently in the works; expecting first update around December. Make an announcement calling for beta testers around November.
  • Q: Are stories just for news or also for tutorials, information, etc?
    • Stories are just a medium, the same way as videos can be used for any type of content
    • Stories do have properties that make them good for certain types of content.
      • The paginated nature makes it good for step-by-step content like how-to or recipes.
      • There are also folks that have used them for narrative-based content using the paginated nature for a dramatic reveal
      • Can use the format for whatever you see fit
  • Q: Could you create a showcase of good stories to refer to?
    • amp.dev has a section on https://amp.dev/about/stories/
    • AI(Jon Newmuis): For us in the stories working group, create a shared file in the Slack channel to share stories
  • Q: How did this go? Was this useful? How often should we have this type of meeting?
    • Helpful, good to walk through upcoming features, great to be able to ask questions
    • A monthly basis; not that much is changing week-to-week
    • AI(Jon Newmuis): Set up a monthly recurring meeting

wg-stories Status Update 2020-08-17

What was accomplished

Web Player

Interactive Components (quizzes/polls)

Videos

360

Animations

Others

What's next

Web Player

Interactive Components (quizzes/polls)

Videos

360

Others

cc @ampproject/wg-stories

wg-stories Meeting 2019-10-23

Meeting date/time (UTC)
2019-10-23 at 15:00 GMT

Instructions for joining the meeting
https://meet.google.com/sfr-khhe-kkt

Agenda
https://app.sli.do/event/fbwjnf7i

Summary of Action Items
AI(@nixtka): File feature request on waterfall ad requests
AI(@newmuis): Allow style isolation for inline page attachments

Full Meeting Notes

  • Premise of this meeting is to talk about things that are going around the ecosystem.
  • Ideas, questions, suggestions are welcome
  • Goal is to push this group to be as collaborative as possible
  • Opening the floor for any questions/comments to start with.
  • Moving to sli.do for questions
  • sli.do: Pascal asked about status on branching project
    • Explanation of branching: allowing publishers to create stories that jump from one page to another in a non-linear fashion.
    • We just recently revived the project, Gabriel has a PR out to fix a few things on UX front.
    • There were some UX concerns we haven’t completely resolved, we just have to address with some documentation and details on usage.
    • We have two options for releasing: fixing the progress bar UX before, or heavily documenting with caveats on how to use it and best practices on it.
  • Pascal: have we thought about only allowing branching to navigate forwards? LIke a table of contents.
    • Gabriel: Right now we can use the sidebar to navigate to a different part of the story, even allowing to go forwards or backwards. In an adventure-like story, the order could be very random. We have to first define what the use cases could be and what would be the appropriate tool to address it.
    • Jon: going forward only could still be confusing, in an experience where a quiz where you provide different options which take into different options, but then all the pages converge to one page. It’s difficult to rain them all in, even with this restriction you could introduce some confusing UX just because of the progress bar UX.
  • **Pratik: How many people have been asking for branching? **
    • Don’t have an official count, but we have heard from different publishers in person in conference and on slack.
  • Sergei: 1. Agrees that the UX could be confusing, since other platforms just show the answers in place, instead of taking to another page in a non-linear fashion. 2. Stories should be easy to digest and not complicated, they should not be a book with a table of contents and lots of pages. We should keep it simple.
    • Jon: agree with the concerns. Reiterate that documentation is important so that publishers don’t mistakenly combine features when an existing component fulfills their use case.
  • **sli.do: when are polls released? **
    • Something that we’re working on now, roughly a quarter until they are released. Hopefully have better estimates next time we meet in november.
  • Sergei: when will it be possible to use another ad network other than google ad manager?
    • Depends on the ad networks for integration
  • Sergei: when will stories ads will be available in programmatic?
    • They will be soliciting for beta partners in the next few months. It’s in the meeting notes of last time.
  • Sergei: had questions on monetization. Currently we support story auto ads, but for publishers it’s not enough. If you want to use waterfall or bidding it’s not currently supported. How can we propose this feature? We are working on many publishers and understand it’s very important.
    • Best way would be to file a feature request in the AMPHTML Github repo. We can make sure it gets assigned to the right people.
    • One of the challenges in the story ecosystem is that the ad assets are non-existent. There aren’t any ads that look good in the story format. We are working on pushing the ecosystem to create more of this type of content. Vamsee has been working on this and he’s probably the best person to work with.
  • sli.do: Stories in the Google search results, it looks like videos are served from the cache. What happens if we upload a movie/large video?
    • The cache has file size restrictions. So it would probably not cache that.
    • It’s also a best effort cache, if it doesn’t cache the video or the cache cached the video, but under pressure it evicts the video, it will fallback from the publisher origin site.
    • Pratik: we had a publisher upload a 720mb video, and they were asking why the video wasn’t being loaded.
  • Pradeep: Do we have a restriction on the length?
    • Jon: We’ve been thinking about this. Would it make sense to artificially splice the video? It could be in the tooling, or in the client virtually create more pages by splitting the video into multiple pages. I hope that this is not the norm, but hope that people are more close to the problem should let us know if this is a real problem.
    • Pratik: we have a problem in adoption. Chicken & egg problem. Working group's focus should be in marketing AMP stories better. If we don’t have the users or attention, then all our efforts aren’t worth it. If FB released some monetization tool, it would be all over the news, but this is not the case for AMP Stories.
      • Jon: When we released some monetization blog post that didn't have a media push. But I think this is where we want to be. Because we don’t have the advertisers assets yet, we need publishers on board, we need everyone to be at the same pace. Publishers are ahead of advertisers. Advertisers aren’t creating ads yet, they are skewing the market.
      • Let’s come back to that later.
  • Next question: are there any plans in Google to push stories in discover or other surfaces in europe?
    • Jon: question came before, we are the open source team. That product is effectively global. We don’t know on specifics on the search features, they will share when they are ready to share.
    • Sergei: It looks like you guys are working very closely together with the search team. Who is it better to talk to understand Google’s plans for stories in europe?
      • We absolutely work close with teams at Google. One of the things we’ve received feedback about the AMP Conf presentation is that we were not clear on the communication on the open format vs. Google surfaces.
      • On the format features like internationalization, etc. is on the format side. Not on the google side.
      • The google search block UX and swipe between those and those types of things, those things are like an experiment, not available for everyone.
      • We only focus on the format side and can’t talk for the Google side of things.
  • Last question in sli.do: could you share work of allowing remote urls in page attachments
      1. To set expectations, I don’t think it’s going to be the end all be all feature it could be, primarily because of how iframes work on the web. It’s not necessarily that all urls can be iframed. IG has a feature where it allows this, they probably use a webview and they can include any url there, but you can’t do this with an iframe. Publishers will have to work with this.
    • It’s also problematic because it’s not static. Owner of domains can change permissions and settings for letting their sites to be iframed.
      1. We have to go through a rigorous security review. We have to make sure that malicious activity cannot happen.
  • Can we have a demo?
    • You can demo it yourself by using an iframe within the attachment and make it 100% width, but it will be invalid AMP.
  • For wordpress, the inline attachment can be interesting. You can probably include all your content in the inline attachment, but if you want to include some outside domain you would probably need an iframe.
  • Pascal: We like the iframe approach since it keeps the styles.
    • Jon: This is something that we could fix. We could isolate it through a shadow doc. And expose it as an option for publishers.
    • This would be interesting
    • This might be true for other components as well
  • That’s all for sli.do, is there anything else people want to chat about?
  • We just need the right heuristics to know when to upsample or downsample
  • Pratik: a client was wondering if you can support a background audio for all of the story.
    • This is already supported. Background audio for the whole story.Pradeep: we were working on something for video. Have users choose between different qualities of the same video (high, medium, low). We are working on a plugin for this.
      • Jon: We have worked with different adaptive bit rate technologies. But we found they are not ideal for stories. Their implementation is not suited for the format. It’s on a video by video basis, so for every page it run the evaluation. We need something that evaluates at the story level. So that as the user navigates through the story we remember what video quality to use.
    • Have you looked into network speed?
      • We have but it’s complicated, since it’s not available in other browsers. It’s only available in Android.
      • It will tell you network speed, but we don’t know what’s happening on the user’s device.
      • It’s independent of the bitrate of the video, even if you have amazing connection, but the video has bad bitrate, that won’t help you.
      • The approach we want to use is what Jon was proposing, evaluate how resources are loading, and if not fallback.
      • Sergei: I don’t think it’s a good idea to use one evaluation for one story, because it could change. I think one video for all story is better, concerns of audio autoplay.
      • Jon: we have technology on our side to address the autoplay issue for each page. What i said was confusing, we don’t want to select a quality for the whole story. What we want to evaluate is on a page on a page basis.
      • Pradeep: will it look at network speed?
      • Gabriel: we’ll look at actual video metrics, not network speed. We now have some code to check for rebuffer events and how long it takes between those events, and based on heuristics we decide on a quality to serve.
      • Jon: and on the media autoplay issues, we have some code to fix those issues.

wg-stories Meeting 2019-12-03

Notes:

  • Few questions on the Slido
  • Sergei's proposal
    • New amp tag for amp-stories
    • Presentation: http://bit.ly/ampStoriesWidget
    • Stories as a new way of "storytelling"
      • Important media platform for many publishers
      • Fancy, generates traffic, and monetizable
    • Emphasis on AMP and Google being separate
      • Problem: can't just say to Google "surface more stories"
      • Solution: make stories work natively on their own websites
    • Create a new tag for stories to work on their own websites
    • tag
    • Features - in slides
      • Works with both AMP and classical HTML pages goal
    • Some examples of non-AMP solutions to this problem
    • I think this is something we're already looking into
  • Jon:
    • Good idea
    • Benjamin:
      • Great idea as long as stories aren't surfacing in Search yet
    • Chintan:
      • Great way for discovery
    • Difficult for a search engine to know the doc exists without links
      • Can't be ranked without linking
    • In line with AMP viewer project
      • Open source
      • Get richer features
        • E.g. tap to next story, swipe to next story
      • We can think through it from engineering side and bring it up to Hong
      • Great idea and something to consider
    • One thing to think about
      • Automatically get the stories and present them in this UI
      • How do we get the stories?
      • Does the publisher list them? RSS?
      • Some engineering details to hash out but general consensus on the high level
  • Sergei:
    • If publisher creates a story and links a story to the page, a crawler can use a timestamp to handling caching
    • AMP agent has all fresh stories and can surface automatically (freshness)
    • If some engine is looking for stories, it would see all stories in a row (shown by widget)
  • Jon:
    • The tricky thing is there's not a generic AMP cache
      • Google, MS, Cloudflare all have their own
      • Who do you pull from?
      • Some publishers want zero caching - how do you handle opt out?
    • But it would be possible to use cached content
    • What do publishers want to do? ACTION ITEM
    • Have an update for this in the next working group meeting
  • Chintan:
    • I guess for the listing within the website we need not involve the cache over here, cos that would complicate the process very much
  • Pradeep:
  • Gabriel:
    • Provide the URL and it would use the AMP Cache URL
    • Would work today but hard to figure out which would be the AMP Cache URL
    • May just take UI tweaks
  • Jon:
    • Question: When will AMP Stories from Indian publishers appear? ETA?
    • We get this question a lot - how do we get Google to prioritize this
    • Same answer - we don't work on search so we don't know
    • Clarification:
      • Multiple ways to show up in search
      • Classic: blue links
        • Stories show up here
        • But they need to rank high enough (which could be unlikely)
        • SEO exercise
        • Seen trouble with creating a story and not linking anywhere is that search engines will not find it
        • The more prevalent linking is for the story the better
        • Share the story link on the web for crawlers to find
      • Specialized Features in Search
        • Block of stories
        • Carousel
        • Those features are rolling out, but we don't have exact specifics
  • Pradeep:
    • Will Signed Exchange work in Stories?
    • We use cloudflare
    • If we have indexed amp stories it will work with Cloudflare?
      • Yes, it will
  • Jon:
    • Can't think of any reason there would be a problem
    • Signed Exchange requires server-side work but that's not a stories specific problem
  • Jon:
    • Question: When will it be possible to use forms in amp-stories ? (to get e-mail or other informations for example)
    • Richer features are in security review
    • Make sure no Phishing
    • We're thinking through this
    • Is having a form in the Page Attachment sufficient for the desired outcome?
    • Are there other ways at achieving the same goal?
    • What's the user journey?
      • No answer
    • We are aware of wanting to drive traffic back to other parts of the site / drive conversions via stories
      • Those are features we're thinking through broadly
      • The tech interstitial email box might not be the best for stories
  • Jon:
    • Question: Any news on the Carousel for AMP-Stories ?
    • Google search carousel for a particular publisher from AMP Conf 2018
    • Google search feature, so we don't control what they do
    • I.e. we don't know
    • Questions are about how this surfaces in Google search
    • Sergei's proposal helps to decouple the stories from the SRP
    • You own very little on instagram - where AMP stories you retain control
      • The widget would bring more control back to you!
    • Case to think through: there may be value in some cases to link to stories other people have created
      • E.g. a stories aggregator
      • They could use a widget like this to pull in stories
      • Provide consistent user experience via widget
  • Jon:
    • Question: is there any option to remove the pop-up (tooltip) when clicking on a link in a story?
    • No tooltips in CTA layer
    • Anywhere else on the screen (link in a grid layer) it will show the tooltip
    • We did this because - tapping on the screen is primary navigation method
    • Don't want user to hit link when trying to navigate
      • Confirmation mechanism
  • Anita:
    • Had a user try and zoom in to see an image more closely
    • While zooming in, the guide image showed up and they couldn't zoom
  • Gabriel:
    • You're not supposed to be able to zoom
    • You can't zoom in on insta stories either, you shouldn't be able to zoom in on AMP Stories
  • Jon:
    • Dislike the guide screen
    • It's not the right way to solve education
    • But we can't know whether the user understands this format
    • Would be interested in figuring out what to do better with that education ACTION ITEM
    • Widget would make almost our own platform
    • But engineering complex to know if a user is new or not
  • Anita:
    • Small user study
    • People liked the tap screen for the first page
    • Wanted to interact more with the info and images because of the format
  • Pratik:
    • Tap arrow is easy and helpful for people
    • At least on the first few screens
    • Small UI tweak to avoid overengineering
  • Jon:
    • Came to this conclusion with dev preview in 2018
    • However, we are not the publishers
    • Publishers felt restricted by having a system-enforced education screen early on
  • Pratik:
    • Only a small addition while people get used to the format
    • First he's heard of the UX studies
  • Jon:
    • Seen some confusion on what to do when getting into the story
    • Education screen does not 100% inform
    • Publishers should add information on their end
  • Pratik:
    • Can we know if folks have seen stories before?
      • Cookies?
  • Jon:
    • Cookies are only reliably usable on the same domain
      • E.g. we can tell if it's the first time they've seen an AMP story on YOUR domain, but not anywhere
      • That's a problem on aggregators, like Google
    • Platform could take more control
      • Asking if it's the first time a user has ever seen a story
    • Could try from the framework side, but it's a hard problem from safety and security perspective
  • Pratik:
    • When are 360 images and VR etc coming out?
  • Jon:
    • We've prototyped but it's hard to make them efficient
    • Currently 360 video prototype but uses like 3mb of JS library
      • Not worth the bloat
    • Need to find a way to trim down the size
  • Pratik:
    • What are the use cases for 360 videos?
  • Jon:
    • Richer format of video
    • Could be anything
    • Feels very cool to use in a story
  • Pratik:
    • Can we get access to a small demo of 360 video?
  • Jon:
    • Will need to check
    • Copy the demo and put in public assets
    • Share a 360 video demo ACTION ITEM
  • Pratik:
    • Concrete plans to support scaling by default?
  • Gabriel:
    • Right now Grid Layer is using CSS template grid
    • This should be straightforward using CSS grid
  • Chintan:
    • Maybe we can pick back up on this next meeting
  • Jon:
    • Can't just automatically do this for all stories
      • Some will break
    • Could consider adding some amount of markup
    • If you're already writing extra markup, just write CSS Grid code for this
      • Doesn't need to be an attribute
  • Gabriel:
    • We indicate whether a story is in landscape
    • Letting publishers write their own CSS is more powerful
    • If you come up with specific use case let us know
  • Jon:
    • On 360 video topic
    • For tooling folks - won't be more than just a textbox
    • Regular MP4 files that look weird in a normal viewer
    • We handle it with JS but we would need to know if it's 360
  • Pratik:
    • Does this have anything to do with AR?
  • Jon:
    • Don't think we're doing anything AR related
    • Features from Contributor summit
    • 360 video, 360 images, 3D images, and parallax
  • Jon:
    • Questions: Is there somewhere a public RoadMap on what's coming next on AMP-Story with timelines ?
    • Public timeline on Github
    • Publish what we're focusing on for the next quarter
    • Nothing more granular really
    • We want to let everyone know what we're working on not just what will be completed
    • **ACTION ITEM: **Post a link to timeline
  • Benjamin:
    • Page views are not equivalent to the story views in Analytics
    • How do we properly calculate it
  • Jon:
    • Story-page-visible is referring to the individual pages (or slides)
    • How to get the unique page views of the whole document
      • Google analytics tracks by default
      • There is a trigger
    • **ACTION ITEM: **Follow up with a link to how to do this with the notes / follow up with Benjamin
    • ACTION ITEM: File I2I for Sergei's proposal

wg-stories Status Update 2020-10-26

What was accomplished

New team member

AMP Story Player

Interactive Components (quizzes/polls)

amp-story-360

Others

What's next

AMP Story Player

360

cc @ampproject/wg-stories

wg-stories Meeting 2020-01-13

1/13 Stories WG meeting

*Starting with slido q’s

Benjamin (B): Status for auto-ads in stories? Programmatic ads and beta.

Caleb (C): For a quick overview right now, if you’re an Ad Manager customer, anyone can do direct or reservation ads. That’s ready to go. We also have programmatic through Ad Manager in beta with selected publishers. It kept getting pushed back, but I expect it to be ready in the next month or so. We are also working on a product to auto generate stories from existing assets.

**B: **How can pubs sign up to that beta?

C: Our ads manager teams deal with that, but get in touch with us in slack and we can loop you in.

That was it for slido

Dima (D): [video related thing] We had a couple of prototype stories where we wanted to segment the video into separate visual chunks. I think this is normally called video-wall. The added complexity is that sometimes some of these segments are scaled slightly differently to create a more dynamic effect. To avoid loading the same video into separate video elements and synchronizing them, the idea is to load a single video element and render it into several canvases. One way we could do this is by creating a extension or such.

J: I've been wondering about canvas rendering for several reasons, including 360 video. Could be an interesting thing to investigate, although I'm not sure how much JS it would take to do it (e.g. videojs does this and it's like 2 MB).

D: It would be nice to have, but we don’t care about 360 too much.

J: Having a canvas implementation might make it easier to manage 360 video. It might be part of the same feature.

D: As we are standardizing on 9:16 layout, I think it'd be good to discuss if we could support it on in amp-story/amp-story-page/amp-story-page-layout.

D: Letterbox is not bad per se, as long as we have a say in it. What we want is a way of handling this. People have letterbox for their own reasons, if we let them do whatever they want it could be bad later on. We should standardize something for all surfaces (full bleed, desktop, mobile)

J: We have had lengthy discussions about this. It makes sense to standardize this, one of the problems is that the actual aspect ratio in the browser window of a mobile phone is not 9:16. Most phones have this screen aspect ratio, but they usually have other elements in the screen that make it rarely this tall (e.g. system buttons, url bar, browser buttons).

J: Hopefully this is something we can fix at the format level so that other tools can inherently get this benefit.

Charles Pauwels (CP): by letterboxing do we mean adding boxes at the sides to make it conform to the 9:16 aspect ratio?

J: Effectively yes, but currently we overlay a system layer on top of the story content. We could do this outside of the content (in the letterbox black box) and still make it feel immersive. It would also be beneficial to have a way to communicate this to you all.

Another solution is adding a layout primitive so that pubs can opt-in to the 9:16 ratio and support this for their stories.

CP: How would this behave on desktop?

J: That’s a good question and something we have to take into consideration. For folks that have decided to use 9:16 on desktop we could use that ratio, but for those who haven’t we could use what we use now (3:5).

Benjamin: we should fix the elements in the center and then expand the background image in the back to take the whole.

Gabriel: can we go back on why we have decided in 3:5, 9:16, because stories are consumed on different surfaces and apps. What if we have a carousel of stories and each has a UI per different story? My point is that it’s going to be hard a format that fits for all, and we have to think in making a UI feel consistent.

D: Agreed and that’s what we have to think about, because people are already doing this. So we have to find a solution that feels consistent and create standards.

Gabriel: my concern is that if we enforce it at the runtime level, 3p creation tools will also produce these (what platform am I supporting, what aspect ratio) and will create a lot of inconsistencies.

J: Something to note is that even in the letterbox approach, the background of the story is full bleed, it would just be the foreground that gets fixed in this ratio.

Caleb: would there be a validation rule that you can only use the letterbox if you have a certain responsive background?

J: Yes, we would have to enforce certain rules. Validation can’t know if e.g. object-fit is being used correctly. But if we have declarative, semantic rules then we can know this.

CP: But what if there are multiple backgrounds and we just pick the first background that we find in the grid layer? It seems restrictive.

J: we are not deprecating anything, it’s just for publishers that want to opt in to this.

J: we can’t restrict how people are doing letterboxing today, but we can just provide rules/advice on how to do it correctly.

CP: I saw that amp-quiz go referenced in the release notes?

J: it’s still a work in progress, not yet released. (release notes just reference PRs that were merged in). We are still polishing and validation pending.

CP: What are the status updates on embed / STAMP viewer?

Enrique: There was some back and forth in our discussions regarding the technology that it would use, specifically aiming for something that could be used in both AMP and non-AMP pages. But we have reached consensus and we are writing a separate JS library for the non-AMP version and an AMP extension for the AMP version. The implementation started last week and we should have something ready by this quarter.

CP: I think there’s a bug with image loading? Before an image appears there seems to be a weird placeholder.

J: yes that sounds like a bug, could you file a bug with whatever browser you are using?

wg-stories Status Update 2019-03-18

What was accomplished

  • Desktop API design iteration → How to support media queries in stories → How to preload media elements in stories
  • Interactive embeddable components validation and docs ready
  • Non-interactive embeddable components implemented
  • Initial draft of supporting <amp-live-list> to dynamically update pages
  • Simplified default desktop UI for performance and video playback issues
  • Debugged race condition in history state caused by multiple components asynchronously writing entries
  • UI tweaks

Lessons learned

  • CSS blur filter causes a lot of problems

What's next

  • Non-interactive embeddable components tests + validation
  • Iterating on eng design and start implementation for <amp-live-list> support
  • Fixing preloading to allow writing media queries to conditionally hide media elements
  • Work on UI templates for full-bleed desktop
  • Swiping/tapping to next story and revamping how bookend is displayed
  • Sharing options from the current page
  • Fragment params and goToPage actions from the sidebar
  • Iterating on eng design for page groups
  • Invalidate, alias, and delete 0.1
  • Allow localizing strings outside of amp-story

wg-stories Status Update 2020-03-02

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

wg-stories Status Update 2020-08-31

What was accomplished

Web Player

Interactive Components (quizzes/polls)

360

Others

What's next

Web Player

Interactive Components (quizzes/polls)

Videos

360

Accessibility

cc @ampproject/wg-stories

wg-stories Status Update 2020-05-26

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

wg-stories Status Update 2019-02-04

What was accomplished

  • Progress on AMP landing pages (incl. sponsored stories) in page attachments
  • Preloading and analytics for branching
  • Contributor-facing documentation for localization

What's next

  • Code-complete for embeddable components (animation, validation, documentation)
  • Parameterization of visual effect animations
  • Investigation of in STAMP
  • Validation and documentation for page attachments
  • Implementation for loading ads in page attachment
  • Sidebar bugfixes/tweaks
  • Page groups for branching
  • Investigate video playback issues
  • Provide notice for 0.1 deprecation
  • Brainstorming on STAMP desktop

[Roadmap] 2019 - Q2

Stories Working Group's focus for Q2 of 2019 is making existing features more robust, as well as exploring new avenues for stories (interactivity, live stories, and reactions)

  • Media playback reliability
  • Support better prerendering for stories
  • Support tapping to next story from last page when embedded in an AMP viewer
  • Stories-specific templating API
  • Deprecate 0.1
  • Support amp-live-list for live stories
  • Start brainstorming for reactions in stories
  • Finish embedded components
  • Launch branching

wg-stories Status Update 2018-02-18

What was accomplished

  • PR review in progress for embeddable component animation
  • Parameterization of visual effect animations
  • Validation for page attachments (including subcomponents) and draft of documentation
  • Discussions around ad loading behavior for page attachments
  • Sidebar bugfixes/tweaks
  • Page groups for branching vs. progress bar
  • Provide notice for 0.1 deprecation
  • Unblock viewer for swipe to next story
  • Messaging tweak for screen sizes that are too small

What's next

  • Code-complete for embeddable components (validation, documentation)
  • Parameterization of visual effect animations (validation, documentation)
  • Investigation of in STAMP
  • Public documentation for page attachments
  • Implementation for loading ads in page attachment
  • Investigate video playback issues
  • Brainstorming on desktop API

wg-stories Status Update 2020-11-23

What was accomplished

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

wg-stories Status Update 2020-04-27

What was accomplished

  • Work to support support within
  • 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

wg-stories Status Update 2018-01-22

What was accomplished

  • Write landscape desktop and sidebar documentation
  • Progress on branching implementation
  • Embedded components “expand” animation
  • Progress bar visual bug fix
  • Implement swipe up page attachments

What's next

  • Ken Burns animation improvements
  • Embedded components validation and documentation
  • Branching preloading and analytics
  • Design for sponsored stories
  • Design for allowing viewers to swipe between stories

/cc @ampproject/wg-stories

wg-stories Status Update 2019-04-01

What was accomplished

  • Non-interactive embeddable components tests + validation
  • Iterated on eng design and start implementation for support
  • Fixed stories code to preload less, which allows conditionally hide media elements
  • Worked on better templating API for full-bleed desktop
  • Security review for swiping/tapping to next story
  • Sharing options from the current page
  • Fragment params and goToPage actions from the sidebar
  • Start issuing deprecation warning for 0.1
  • Added string translations for N languages
  • Fixed bugs where video & audio would sometimes not play
  • Documentation for branching

Lessons learned

  • Prerendering doesn't honor ancestors' prerenderAllowed() option

What's next

  • Continue design & implementation
  • Templating API design review
  • Prerendering design review
  • Allow localizing strings outside of amp-story
  • Fixing the amp-story render-delaying service
  • Continue looking into media playback bugs

wg-stories Status Update 2019-03-04

What was accomplished

  • Investigated Chrome 72 bug re: video playback
  • Decision to not load ads in page attachments
  • Parameterization of visual effect animations validation, docs pending
  • work scoping
  • Public documentation for page attachments under review
  • Draft of desktop APIs
  • Initial thinking around reactions

Lessons learned

  • Documentation can take time; it's not just explaining how to do something but also subtly suggesting how one might use something
    swipe-up-amp-conf-proto 1

What's next

  • Desktop API implementations
  • Wrapping up animation for embeddable component + validation + docs
  • Prototyping in STAMP
  • Video playback issues
  • Invalidate, alias, and delete 0.1
  • Allow localizing strings outside of amp-story
  • Work with Google Stories to improve their stories

wg-stories Status Update 2020-09-28

What was accomplished

Interactive Components (quizzes/polls)

360

Others

What's next

Interactive Components (quizzes/polls)

360

cc @ampproject/wg-stories

wg-stories Status Update 2020-09-14

What was accomplished

Web Player

Interactive Components (quizzes/polls)

Animations

Accessibility

cc @ampproject/wg-stories

What's next

(Pending update)

cc @ampproject/wg-stories

wg-stories Status Update 2020-11-09

What was accomplished

AMP Story Player

amp-story-360

Others

What's next

Content layout

Large image panning component

  • A persistent image component that transitions between pages

cc @ampproject/wg-stories

wg-stories Status Update 2019-06-24

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

wg-stories Status Update 2020-03-30

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

wg-stories Status Update 2020-02-03

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

wg-stories Status Update 2019-06-10

What was accomplished

  • Live story finalized UX decided
  • Refactor story analytics service to allow easier usage outside of amp-story.js
  • Added dark theme for page attachment
  • Added viewer messaging for tapping to next/previous story
  • Better lifecycle handling for page attachment content
  • Fix for story consent
  • Prerender experiment 1% -> 10% (100% this week)
  • Eng design for enhancements when stories are loaded by bots
  • Fix for sidebar animation
  • Fix for sidebar and page attachment history state management

What's next

  • UX tweaks, validation, and docs for live stories
  • Expand analytics support within stories
  • Designing and documenting a plan for the bookend transition/deprecation
  • Thinking through UI presets to improve story output quality
  • Documentation for half/half templates, media queries, object-(fit|position)
  • Design for loading remote AMP pages within a page attachment
  • Vertical rendering for bots
  • Video performance metrics
  • Affiliate links in stories

wg-stories Working Group Update - April 2020

This is the stories working group update, presented at the 2020-04-22 AMP design review

Major accomplishments since #24

  • Initial launch of <amp-story-player>
  • Ability to swipe up to web content (in beta now, rolling out in the next AMP release, sneak preview of the documentation)
  • Experimentation around autoplay and auto-advance and richer previews
  • I2D for amp-story-bookend and amp-sidebar within amp-story
  • Work on tracking and fixing video reliability and performance

What's next

  • <amp-animation> support within <amp-story>
  • JavaScript API to programmatically control <amp-story-player>
  • AMP compatibility for <amp-story-player>
  • Work on best practices and documentation re: aspect ratios for the format
  • Continued work on poll and quiz components
  • Continued work on video playback

To learn more, you can attend the April Stories Working Group meeting

wg-stories Status Update 2020-07-20

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

wg-stories Status Update 2020-06-22

What was accomplished

  • Started work on results-page components and multi-option polls
  • Interactive poll animations (PR pending) ampproject/amphtml#28931
  • Fixit week: 25 bugs closed
  • 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

wg-stories Status Update 2019-05-12

What was accomplished

  • amp-live-list integration: PR out for review for supporting dynamically-appended live lists and custom slots
  • PR out for review for handling media playback when media queries change
  • PR out for documentation for templating API
  • Working through the implementation of alternate prerendering design
  • Enabled SVG elements in stories
  • Enabled the ability to customize the CTA and title labels for page attachments

What's next

  • amp-live-list integration: implement code on the stories-side to dynamically append pages
  • Scoping out extending analytics for stories
  • Get prerendering alternative solution merged
  • Local design review for tap to next story in viewer contexts
  • Write contributor-facing documentation for general docs and design principles

wg-stories Status Update 2020-04-13

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

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.