Show HN: WebAudio Data-Driven audio engine

7 hours ago 2

TypeScript Web Audio API React PNPM

Blibliki is a web audio project that provides a framework for building synthesizers and audio applications. This monorepo contains multiple packages that work together to create a complete audio development ecosystem.

The core audio engine built directly on the Web Audio API. It provides a modular, data-driven approach to audio synthesis with support for:

  • Oscillators, filters, envelopes, and other audio modules
  • MIDI device integration
  • Polyphonic synthesis
  • Node.js compatibility

Learn more about the Engine

A visual interface for the Blibliki Engine that allows users to create and connect audio modules through an intuitive drag-and-drop interface. Features include:

  • Visual patching of audio modules
  • Real-time parameter control
  • MIDI device connectivity
  • Patch saving and loading
  • User authentication

Learn more about Grid

blibliki/ ├── apps/ # Applications │ ├── demo/ # Simple demo application │ └── grid/ # Main visual interface ├── packages/ # Libraries and utilities │ ├── engine/ # Core audio engine │ ├── utils/ # Shared utilities │ └── [other]/ # Additional packages ├── pnpm-workspace.yaml # Workspace configuration └── package.json # Root package configuration

This project uses PNPM for package management and workspace handling.

# Install dependencies pnpm install # Start development servers for all packages pnpm dev # Build all packages pnpm build

Each package has its own README with specific development instructions. In general:

  • The engine package can be developed independently
  • The grid application depends on the engine package
  • Changes to shared packages require rebuilding dependent packages

Contributions are welcome! Please feel free to submit issues or pull requests.

MIT

Read Entire Article