[@layout]: ../../docs/docs.layout.md
[@sounds]: ./sounds.components.md

# Hear the moment

[@link.play Start the presentation](?play=presentation)

Advance to hear a short cue, then a low repeating tone. Return to reading at
any time with Escape. Adjust sound in site Settings. Audio adds emphasis; all
content remains readable muted.

---

# A small reveal

<x-sfx-cue src="./reveal.wav" on="player:block-enter" />

A sound can arrive with a new idea.

<p id="second-idea" data-pmx-beat="second-idea">And another can accompany the next Beat.</p>

<x-sfx-cue src="./tick.wav" for="second-idea" on="player:beat-enter" />

---

# Stay a moment

<x-sfx-loop src="./tone.wav" volume="0.25" on="player:block-enter" off="player:block-leave" />

This quiet tone continues while this Block is active. Advance to end the moment.

---

# Make it happen


These two instances trigger their own cues through ordinary DOM events.

<sound-example />

<sound-example />

[Read the SFX reference](../../docs/authoring/sfx.reference).