Demo

Browser Panel

Unified browser panel for browsing samples, instruments, effects, and presets. Click on samples to preview them.

Browser Panel

Browse samples, instruments, effects, and presets. Click on folders to expand/collapse, click on samples to preview them. Use the search box to filter items.

Loading...

Features

Key features of the Browser Panel component.

Root Sections

  • Samples - Audio samples from CloudFront library
  • Instruments - Virtual instruments (Oscillator, Sampler)
  • Effects - Audio effects (16 types in 5 categories)
  • Presets - Saved presets (coming soon)

Navigation

  • Click root sections to expand/collapse
  • Click folders to expand/collapse
  • Click samples to preview audio
  • Click playing sample again to stop

Search

  • Type in the search box to filter items
  • Matches item names and shows parent folders
  • Clear search to show all items

Playback

  • Now Playing bar shows current sample
  • Stop button to halt playback
  • Uses Web Audio API for high-quality preview