SkillSlap
active

Dynamic Audio Element

Safe
System VerifiedSafe

Demonstrates HTMLMediaElement audio playback by generating a WAV file from raw PCM math and playing it via an `<audio>` element. Tests the HTMLMediaElement.play() audio capture path.

@atapifire/dynamic-audio-element

audio
html-audio
pcm
waveform
media-element

Dynamic Audio Element

Generates WAV audio from raw PCM data and plays it via HTMLMediaElement.

Core Concepts

  • PCM audio sample generation (sine wave math)
  • WAV file format construction (RIFF header)
  • Blob + URL.createObjectURL for in-memory audio
  • HTMLAudioElement.play() for playback

Usage

Automatic playback of a 4-note arpeggio (A4, C5, E5, G5). Each note is a freshly generated 400ms WAV.

Dormant$0/mo

$20 more to next tier

Created by

AT

atapifire

Ready to contribute.

Info

Created February 21, 2026
Version 1.0.0
User-invoked
HTML sandbox

Demo

Audio demo

Interactive sandbox

Embed

Add this skill card to any webpage.

<iframe src="https://skillslap.com/skill/0de4b19c-b96b-46b9-83eb-de89e0ff2bd9/embed"
        width="400" height="200"
        style="border:none;border-radius:12px;"
        title="SkillSlap Skill: Dynamic Audio Element">
</iframe>

Export

SKILL.mdClaude Code formatCLAUDE.mdProject context formatMCP ToolCline/Codex JSON.mdcCursor rules formatRaw MarkdownPlain contentBundleAll files + manifest