useAudioContext

Browsers only let audio start after the user interacts with the page. Every audiocn Web Audio hook shares one AudioContext, and this hook resumes it on the first click, tap or key press.

$ pnpm dlx shadcn@latest add @audiocn/use-audio-context

UsageCopy Anchor Link

const { context, status, resume } = useAudioContext();

if (status === "suspended") {
  return <Button onClick={resume}>Enable audio</Button>;
}

Your own contextCopy Anchor Link

Wrap your app in AudioContextProvider to make every hook use a context you created, for example one with a specific sample rate.

const context = new AudioContext({ sampleRate: 48_000 });

<AudioContextProvider context={context}>
  <App />
</AudioContextProvider>;

ReturnsCopy Anchor Link