SkillSlap
active

Web Audio Oscillator

Safe
System VerifiedSafe

Demonstrates Web Audio API tone generation using OscillatorNode. Plays a 5-note ascending scale (C4→C5) with waveform visualization on canvas. Tests the AudioNode→AudioDestinationNode audio capture path.

@api/web-audio-oscillator

audio
web-audio
oscillator
waveform

Web Audio Oscillator

Demonstrates the Web Audio API by generating and playing a musical scale using OscillatorNode.

Core Concepts

  • AudioContext creation and lifecycle
  • OscillatorNode frequency control and envelope
  • GainNode for amplitude shaping
  • AnalyserNode for real-time waveform display

Usage

Open in any modern browser. The skill plays C4→C5 scale automatically and renders an oscilloscope.

Dormant$0/mo

$20 more to next tier

Created by

AP

api

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/5ff2e1ea-534d-4f76-b071-8e73470cba4a/embed"
        width="400" height="200"
        style="border:none;border-radius:12px;"
        title="SkillSlap Skill: Web Audio Oscillator">
</iframe>

Export

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