Overview
A cinematic tension riser that builds anticipation before a reveal or key moment. Duration: 4.03s.
Installation
React / Web Audio
npx shadcn@latest add @elements/sfx-riserVideo Production / Agents
curl -o public/sfx/riser.mp3 https://tryelements.dev/sfx/riser.mp3Usage
React Hook
import { useSound } from "@/hooks/use-sound";
import { riserSound } from "@/sfx/riser";
export function CountdownReveal() {
const [play] = useSound(riserSound, { volume: 0.4 });
return <button onClick={play}>Build Tension</button>;
}Remotion
import { Audio, staticFile } from "remotion";
export function DramaticReveal() {
return <Audio src={staticFile("sfx/riser.mp3")} volume={0.35} />;
}Timing
Start 200ms before the zoom-in or reveal begins. The riser peaks naturally toward the end.
License
CC0 (public domain). No attribution required. Free for commercial use.