Soundcn
blockback-004source: ok · refreshed
Back 004
A concise sound effect for going back in a sequence or returning to a prior state in an interface.
npx shadcn add "https://soundcn.xyz/r/back-004.json"free
Where it goes
stats
Interaction
animated-counter
Tags auto-generated by rules on 9/24/2026 — empty means no evidence, not lack of support.
Files3 · source cached 10/2/2026, 1:23:10 AM
registry/soundcn/sounds/back-004/back-004.ts
import type { SoundAsset } from "@/lib/sound-types";
export const back004Sound: SoundAsset = {
name: "back-004",
dataUri: "data:audio/mpeg;base64,SUQzBAAAAAAAIlRTU0UAAAAOAAADTGF2ZjYyLjMuMTAwAAAAAAAAAAAAAAD/+1DAAAAAAAAAAAAAAAAAAAAAAABJbmZvAAAADwAAAAUAAATkAFVVVVVVVVVVVVVVVVVVVVVVVVV/f39/f39/f39/f39/f39/f39/f6qqqqqqqqqqqqqqqqqqqqqqqqqq1dXV1dXV1dXV1dXV1dXV1dXV1dX//////////////////////////wAAAABMYXZjNjIuMTEAAAAAAAAAAAAAAAAkBAAAAAAAAAAE5FqyHVYAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA//tQxAAACSgtSHWRAAGYkOmDOPAAAABWwN1cDNoFGYwcEhzSHA0aRQQAyeNu25bvv+/8bpwAAAAAEOH4gB8H8HAQBAEAwfwfBwEHYPh/5y/lAQDH8oCDoPg+f//7u4w3SjV5fMMAkzeFDDADMCAsxYQRGBjMoAaaZaBKgA0Dy4SjjFwcB1hRIyEh/oWfqHlhTiOUChYFa9aDqexFaeEaWZVv4sZsfT3isGr2u+1Gx5vm1/O0DgFSxhxrBoYdezaqh/TX/QoITOJovyvxci+Tdv/7UsQFgAu0hVYZl4ABbBDrQzGAAFN5kvUj0JAISRpoHKLDMgYWwMNAI2OaOO46RwJg32FydrKjiH4f0FubYd6qqTyp57GfRcazneIur4jxpo94gTF0BRaAuCYs1ulLCoqCxh/3cy5TpuclMZQOS77ugZZtMirEGJpXpXx0LmeWRMkeUUGg6yN383YdxgsSh6gpZ+BHfn7cvuX5q5bx1LJzD/qy2W3KbPDn4cz7nYwpgVCSJQoD4kc0REjv5xQNI/T/XWSzil5kAvV8kzX4MZwQ//tSxAcAC2iRWhmHgAGNG2ibMRAAloUWc9lKVwGxBS2pleAkAa4s0fTjMexOiwpF7Ge6k5jptUJ9xexb11rfX2yV6+g6trVvn480Wd5SGFBQjygMg0AzK/wIFxUN/+g0sUoIAwUo8wQAQkEj10SdNjwOg2RxaV/gQpVmy7P/DYgB6OSRHFdK4WhDkqVxN4yxDiMSMWS8QlIwcRcL/U/xcJATUlCkRJKiyv5ixASMJkxMUvo/yaMydc0JoyNjP/rCShNDX/61O6dsyQCjRAFMnhv/+1LEBYMK4GEMHceACQMH4M2cGDgw0QBCMTDIQEiwYfDINDYNBwYFQ4NmBAEIQOIwAX5DAWAOwZAhoew5B9mcdKDOM5EmplStqxTtzM6Z3ksKLHeQJbIyIxGRGJK1mrq8AAdo+NnARtmYwZcogEOLKozKHsTX6u5sbuOc4rDmYum5rlR0IDhIMJFoLRCoJBMMmRn2f7fof//s//8kp19v/60AAHADSpATEmDAU+7Mh7EYrWTYFSahosCR9DipKhchYRImpERMmiehQ4RAkTJopv/7UsQXgE5Eos5MJMvJNQ5KWPg8wEIIhllYVAkFQCRw4BAIkl6JAIlW80kSS15k1HEFBTQkFFQgo3IblwK/pv+bf+m/83+N/8m2JcppSas3/Nv/xKiirv2V+kCdEFG8K6BWA2iCBjgggmDTIAJ+LYScrEEjVavJ9GHkaJfjBM4wjPLoaZSEmHpFeE9CAg+gloUAP8SQeshBpscj1mVqeRKYSaRXl2pMQU1FMy4xMDCqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqq",
duration: 0.094,
format: "mp3",
license: "CC0",
author: "Kenney",
};
registry/soundcn/lib/sound-types.ts
export interface SoundAsset {
/** Unique identifier for the sound */
name: string;
/** Base64-encoded data URI (data:audio/mpeg;base64,...) */
dataUri: string;
/** Duration in seconds */
duration: number;
/** Audio format */
format: "mp3" | "wav" | "ogg";
/** License identifier */
license: "CC0" | "OGA-BY" | "MIT";
/** Original author/creator */
author: string;
}
export interface UseSoundOptions {
/** Volume level from 0 to 1. Default: 1 */
volume?: number;
/** Playback speed multiplier. Default: 1 */
playbackRate?: number;
/** If true, calling play() stops current playback first. Default: false */
interrupt?: boolean;
/** If false, play() does nothing. Useful for user preferences. Default: true */
soundEnabled?: boolean;
/** Called when playback starts */
onPlay?: () => void;
/** Called when playback ends naturally */
onEnd?: () => void;
/** Called when pause() is called */
onPause?: () => void;
/** Called when stop() is called */
onStop?: () => void;
}
export type PlayFunction = (overrides?: {
volume?: number;
playbackRate?: number;
}) => void;
export interface SoundControls {
stop: () => void;
pause: () => void;
isPlaying: boolean;
duration: number | null;
sound: SoundAsset;
}
export type UseSoundReturn = readonly [PlayFunction, SoundControls];
registry/soundcn/lib/sound-engine.ts
let audioContext: AudioContext | null = null;
const bufferCache = new Map<string, AudioBuffer>();
export function getAudioContext(): AudioContext {
if (!audioContext) {
audioContext = new AudioContext();
}
return audioContext;
}
export async function decodeAudioData(dataUri: string): Promise<AudioBuffer> {
const cached = bufferCache.get(dataUri);
if (cached) return cached;
const ctx = getAudioContext();
const base64 = dataUri.split(",")[1];
const binaryString = atob(base64);
const bytes = new Uint8Array(binaryString.length);
for (let i = 0; i < binaryString.length; i++) {
bytes[i] = binaryString.charCodeAt(i);
}
const audioBuffer = await ctx.decodeAudioData(bytes.buffer.slice(0));
bufferCache.set(dataUri, audioBuffer);
return audioBuffer;
}
export interface PlaySoundOptions {
volume?: number;
playbackRate?: number;
onEnd?: () => void;
}
export interface SoundPlayback {
stop: () => void;
}
export async function playSound(
dataUri: string,
options: PlaySoundOptions = {}
): Promise<SoundPlayback> {
const { volume = 1, playbackRate = 1, onEnd } = options;
const ctx = getAudioContext();
if (ctx.state === "suspended") {
await ctx.resume();
}
const buffer = await decodeAudioData(dataUri);
const source = ctx.createBufferSource();
const gain = ctx.createGain();
source.buffer = buffer;
source.playbackRate.value = playbackRate;
gain.gain.value = volume;
source.connect(gain);
gain.connect(ctx.destination);
source.onended = () => {
onEnd?.();
};
source.start(0);
return {
stop: () => {
try {
source.stop();
} catch {
// No-op if already stopped.
}
},
};
}