← Back to Examples

Listen Prompt

When speech is blocked by the browser's autoplay policy, ResponsiveVoice waits a moment for a natural gesture, then shows a compact "Tap to Listen" button. Any click recovers the blocked speech; after a while the button collapses to an icon.

See it trigger naturally

This page auto-speaks a welcome message on load. In a browser profile without autoplay standing (e.g. a fresh guest window), that speak is blocked and the prompt appears after the grace period. In a profile you use often, the browser may simply allow it — then there is nothing to recover and no prompt is shown.

Waiting for the welcome message…

Customize

Changes apply to the next prompt shown. Show prompt previews them instantly.


  

Integrator hooks

Beyond options, three hooks give full control: classPrefix swaps every CSS class so your stylesheet takes over, appendTo renders into your own container, and renderPopup replaces the element entirely.

appendTo target container

Interaction scenarios

With the prompt visible: clicking the prompt replays the blocked speech; clicking a control that speaks (below) wins over the queued text; clicking anywhere else replays the queued text. Speech starting by any route dismisses the prompt.

Initializing…