SAMPLER.LIKE.AUDIO Bringing Hardware Sampler Soul to the Web Browser

SAMPLER.LIKE.AUDIO

Bringing Hardware Sampler Soul to the Web Browser

The Web Sampler & Sequencer is a fully-featured, open-source drum machine designed to run entirely within a modern web browser. By bridging the tactile workflow of classic beat-making hardware with the accessibility of modern web APIs, it offers a robust music production experience directly from a web browser.

Here is a breakdown of what makes this project technically unique and how it faithfully honors its hardware roots.

What Makes It Unique

The application stands out due to its radical approach to software architecture and browser integration, prioritizing transparency and local execution over cloud dependencies.

  • Zero-Dependency Architecture: The app requires no backend server, no Node.js environment, and no build tools like Webpack.

  • Direct Local File Access: It utilizes the File System Access API on Chromium-based browsers to let users browse and load samples directly from a local computer folder.

  • Absolute Privacy: Because it runs entirely client-side, the app never uploads a user’s audio files or patterns to a remote server.

  • Custom Legacy Audio Decoding: Alongside standard native Web Audio API formats (WAV, MP3, OGG, FLAC), it features a custom pure-JavaScript decoder for AIFF/AIFC files, which are common in vintage sample libraries.

  • Offline Independence: A built-in service worker caches the application shell and libraries, allowing the sampler to function completely offline after the initial load.

  • Transparent Codebase: The source code adheres to a strict philosophy where no individual file exceeds 200 lines.

  • No Compilation Needed: The app runs React natively in the browser via standalone Babel, meaning anyone can “View Source,” edit the code in a text editor, and refresh the page to see changes immediately.

Faithfulness to Hardware Samplers

Despite running in a web browser, the application meticulously recreates the physical feel and workflow limitations that made classic hardware samplers so intuitive.

  • Classic MPC Layout: The interface is built around a traditional 4×4 grid of 16 drum pads.

  • Mouse-Based Velocity: It simulates physical velocity sensitivity by calculating how close the user clicks to the exact center of a pad.

  • Plug-and-Play MIDI: The Web MIDI API allows users to plug in class-compliant USB controllers (like an Akai MPD) to finger-drum immediately with real velocity capture.

  • Tone Mode: By holding CTRL and clicking a pad, users can map a single sample chromatically across all 16 pads to sequence melodies and basslines.

  • Advanced Step Sequencing: The sequencer mimics classic hardware parameters, offering granular, per-step control over velocity, panning, pitch, and swing (shuffle).

  • Analog-Modeled Synthesis: When no sample is loaded on a pad, the app falls back on custom synthesis engines designed to strip acoustic percussion down to its physics—such as modeling the thump of a kick drum or the high-pass filtered noise of a snare wire.

Feature Translation: Hardware vs. Web

Hardware Concept Web Sampler Implementation
Internal Memory

Saves kits, favored samples, and patterns locally using browser localStorage and IndexedDB.

Sample Browsing

Recursively scans local directories to build a searchable, visual waveform grid.

Pattern Chaining

Provides 4, 8, 16, 32, and 64-step pattern options that can be managed in a dedicated Song tab.

Mixer Console

Features a dedicated mixer view with per-track volume, panning, and a shared reverb bus.

SCANALYZER.Like.Audio

https://Scanalyzer.Like.Audio 

At its core, scanalyzer is a smart, automated librarian for your audio files. If you have a massive, unorganized folder full of thousands of random audio samples,
finding the exact sound you need can be a nightmare. This software “listens” to every single file, figures out what it actually sounds like, and visually organizes
your entire collection so you can browse it instantly.

What It Actually Does (The Magic)

Instead of relying on whatever messy name the file was given (like BD_01_final_v2.wav ), the tool relies on acoustic science. When you point it at a folder, it does
the following:

1. Listens & Measures: It quickly scans through your audio files and measures things like how loud it is, how long it rings out, whether it’s a pitched note (like a
piano) or a burst of noise (like a cymbal), and how distorted it is.

2. Classifies & Groups: Based on those measurements, it categorizes the sound. It can tell the difference between a thumping bass, a short drum hit, a lingering
background texture, or a vocal line. It organizes them into a top-level hierarchy (like Percussive, Tonal, or Complex).

3. Builds a Map: It groups sounds that share similar characteristics together—regardless of what they are named.

The Key Benefits for Your Library

• The 3D Sound Cloud: It takes all your sounds and plots them as points in a 3D interactive “cloud.” You can literally see your entire sample library at a glance. If
you click an area where the “kick drums” are grouped, you can visually explore and play similar sounds right next to each other.

• Intelligent Renaming & Reorganizing: Once the software knows what everything is, it features a tool that allows you to easily rename your files and sort them into
neat, structured folders based on their true acoustic traits.

• 100% Private (No Cloud Needed): Even though there is a web browser version of this app, none of your audio files ever leave your computer. All the heavy lifting is
done right on your machine, so your private library stays private.

• Never Scans the Same Thing Twice: Once a file is scanned, it creates a tiny digital “nametag” (a .PEAK file) next to it. If you run the scan again in the future,
it reads the nametag instead of re-listening to the whole sound, saving you a ton of time.

How You Experience It

You can use the tool in two ways—they both do the exact same thing:

• As a Desktop App: A standalone application window running on your computer.
• As a Web Page: A sleek web interface that runs right in your browser (but again, totally offline and client-side).

It turns a chaotic, messy folder of audio files into a clean, searchable, visually explorable library using the actual sound of the files, not just their
filenames.