ampproject / ampproject/amphtml

[amp-story-player] Allow customization of end of carousel button

Open
#34,414 1 comment 0 reactions 0 assignees View on GitHub
P2: Soon Stale Type: Feature Request WG: stories
Dominant language
JavaScript
Stars
14.9k
Forks
4.1k
PR merge metrics
No merged PRs in 30d

Description

### Description

The end of carousel button (last "next page" button on the last page of the last story) does not communicate well what happens when a user clicks it.

Publishers can use the "tap on the last page hook" (`noNextStory` event) and do their own action (e.g. show their own custom bookend, close the player, rewind current story, go back to first...). But the button would always be the "next" icon.
Publishers need to be able to customize the last story last page button, from the default "next" to whatever they want (close/rewind/bookend/subscribe to my twitter/go buy my tshirt....), so it matches the action on click.

/cc @ampproject/wg-stories

### Additional Context

More background in https://github.com/ampproject/amphtml/issues/33912#issuecomment-824878827

Contributor guide

Open the contributing guide

Research direction

Start by locating the amp-story-player implementation and the handling for the tap on the last page hook (noNextStory), then read the linked issue context for the expected behavior. Done means publishers can customize the final story's final-page button so its appearance matches their action, while the existing hook behavior remains usable.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
frontend
Issue type
Feature
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.