audio-uithin

Browser-based audio recorder with chunking functionality.

https://github.com/davidbmar/audio-ui  ·  public  ·  shipped

What it is

A web application designed to record audio directly in the browser and split the recording into manageable chunks.

Features

Architecture

flowchart TD
    A[User] -->|Interacts| B(Browser UI)
    B -->|Captures Stream| C(MediaRecorder API)
    C -->|Audio Data| D[Chunk Processor]
    D -->|Stored Chunks| E[Local Storage/Memory]

How it's built

Built using standard web technologies (HTML, CSS, JavaScript) leveraging the Web Audio API or MediaRecorder API for client-side capture.

How it runs

sequenceDiagram
    participant User
    participant UI as Browser UI
    participant Recorder as MediaRecorder
    participant Storage as Chunk Handler
    User->>UI: Click Record
    UI->>Recorder: start()
    Recorder->>Storage: ondataavailable (chunk)
    Storage->>Storage: Store/Process Chunk
    User->>UI: Click Stop
    UI->>Recorder: stop()

How to apply & reuse

Integrate as a standalone HTML page or embed components into existing web applications requiring client-side audio capture.

At a glance

CapabilitiesAudio CaptureData Chunking
ComponentsHTML InterfaceRecording LogicChunk Management
TechHTMLJavaScriptWeb Audio API
Depends onModern Web BrowserMicrophone Access
Integrates with
PatternsClient-Side ProcessingEvent-Driven Recording
Reuse tagsaudio-recordingbrowser-basedchunking

Repo hygiene

✓ all on main — nothing unmerged.