electronicArtefacts Creative technology studio for complex digital systems

PROJECT DOSSIER

Voice Capture Studio

Local-First Voice Recording Studio

Voice Capture Studio is an open-source browser application for directed speech recording, local review and dataset-ready voice exports.

Status active development Category internal published Related 17 useful links Media 2 assets
Audio EngineeringWeb DevelopmentHuman Computer InteractionMachine LearningOpen SourceVoice Capture StudioSpeech RecordingVoice DatasetBrowser SoftwareWeb Audio
Voice Capture Studio live capture screen showing dataset, dubbing and master audio modes.
Live GitHub Pages capture screen with local browser storage, recording modes and calibration status. internal

PROJECT FRAME

Brief, context and operating frame in one place.

This section gathers the brief, constraints, outcomes and public evidence into one readable project frame.

Brief

Standardize professional speech recording in the browser so clean, reviewable voice material can be exported with the metadata downstream workflows need.

Context

Voice data is often captured through improvised tools, loose folders and missing context. That weakens review, consent, quality control, dubbing reuse and dataset preparation before any model or archive workflow begins.

Constraints

  • Keep recordings and workspaces local to the user’s browser and chosen folders.
  • Make microphone permissions, storage durability and export paths visible before recording.
  • Preserve the boundary between dataset preparation and model training.
  • Use open formats and documentation so recorded material remains inspectable outside the app.
  • Keep the app deployable as a static GitHub Pages surface.

Outcomes

  • A live GitHub Pages application for local speech capture in a secure browser context.
  • A documented open-source repository with architecture, corpus, workspace and export notes.
  • A structured export model for WAV audio, transcripts, timing, intent, quality reports and manifests.
  • A privacy-first workflow where user recordings are not uploaded to a remote service by the website.

Publication state

Status
active
Maturity
development
Confidence
published
Updated
2026-07-09

ART DIRECTION

Moodboard, marks and visual system.

Identity, mood and visual-language material are gathered here when they help explain the project direction.

Identity kit

Visual identity signals

Local-First Voice Recording Studio

BlackIvoryGraphiteSignal greenWarm red
Voice Capture Studio live capture screen showing dataset, dubbing and master audio modes.
Live GitHub Pages capture screen with local browser storage, recording modes and calibration status.
Voice Capture Studio quality and export screen.
Live quality and export screen showing local progress, corpus version and dataset readiness checks.

DEVELOPMENT

Architecture, implementation logic and delivery surface.

The technical read combines approach steps, implementation choices, current constraints and delivery state.

Build thesis

Build a browser-first recording interface around guided prompt sessions, language selection, speaker profiles and take review.

  1. Capture local audio through Web Audio, then export WAV and JSON metadata for structured review.

  2. Treat keeper, review and reject states as part of corpus coverage rather than counting every attempt.

  3. Separate React orchestration from domain modules for corpus, sessions, workspace, recording, export and settings.

  4. Publish the code, documentation, issue templates and GitHub Pages workflow as an open-source foundation.

Constraints

5 active

  • Keep recordings and workspaces local to the user’s browser and chosen folders.
  • Make microphone permissions, storage durability and export paths visible before recording.
  • Preserve the boundary between dataset preparation and model training.
  • Use open formats and documentation so recorded material remains inspectable outside the app.

Build stack

8 active signals

React 19Vite 6TypeScriptWeb Audio APIWAV PCM exportBrowser-private workspaceFile System Access APIGitHub Pages

MARKETING

Positioning, audience and proof.

This view turns the project into a public-facing offer: who it speaks to, what it promises and what can already be shown.

Positioning

Standardize professional speech recording in the browser so clean, reviewable voice material can be exported with the metadata downstream workflows need.

Voice data is often captured through improvised tools, loose folders and missing context. That weakens review, consent, quality control, dubbing reuse and dataset preparation before any model or archive workflow begins.

Proof

6 signals

  • A live GitHub Pages application for local speech capture in a secure browser context.
  • A documented open-source repository with architecture, corpus, workspace and export notes.
  • A structured export model for WAV audio, transcripts, timing, intent, quality reports and manifests.
  • A privacy-first workflow where user recordings are not uploaded to a remote service by the website.
  • Voice Capture Studio Repository
  • 2 media assets

Messaging fields

Local-First Voice Recording Studio

Local-first recordingSpeech dataset preparationOpen-source browser toolVoice-over workflowDubbing workflowPrivacy-first captureinternalactive

PROJECT READING

A concise guide to the project dossier.

Move between strategic framing, context, implementation logic and evidence without losing the surrounding page.

PROJECT BRIEF

The problem this project addresses.

Standardize professional speech recording in the browser so clean, reviewable voice material can be exported with the metadata downstream workflows need.

OPERATING CONTEXT

Why this system needs to exist.

Voice data is often captured through improvised tools, loose folders and missing context. That weakens review, consent, quality control, dubbing reuse and dataset preparation before any model or archive workflow begins.

SYSTEM APPROACH

How the work is structured.

  1. Build a browser-first recording interface around guided prompt sessions, language selection, speaker profiles and take review.

  2. Capture local audio through Web Audio, then export WAV and JSON metadata for structured review.

  3. Treat keeper, review and reject states as part of corpus coverage rather than counting every attempt.

  4. Separate React orchestration from domain modules for corpus, sessions, workspace, recording, export and settings.

  5. Publish the code, documentation, issue templates and GitHub Pages workflow as an open-source foundation.

PUBLIC EVIDENCE

Current evidence supporting the project.

ARTEFACT

Voice Capture Studio Repository

The Voice Capture Studio repository contains the open-source React, Vite and TypeScript application, documentation, tests and GitHub Pages deployment workflow for local-first voice capture.

OUTPUTS

Addressable outputs.

ARTEFACT

Voice Capture Studio Repository

The Voice Capture Studio repository contains the open-source React, Vite and TypeScript application, documentation, tests and GitHub Pages deployment workflow for local-first voice capture.

PRODUCTION

Stakeholders and credits.

ORGANIZATION

Electronic Artefacts

Electronic Artefacts is an independent creative technology studio working through client commissions, proprietary systems and research-led cultural publishing.

MEDIA EVIDENCE

Visual and documentary material.

Screenshots, marks, recordings and documents appear here when they help show how the project works.

Voice Capture Studio live capture screen showing dataset, dubbing and master audio modes.
Live GitHub Pages capture screen with local browser storage, recording modes and calibration status.
Voice Capture Studio quality and export screen.
Live quality and export screen showing local progress, corpus version and dataset readiness checks.

RELATED CONTEXT

17 useful links around Voice Capture Studio.

Use these links to move from the project toward related people, systems, concepts and evidence.

Created by

Electronic Artefacts

Electronic Artefacts created Voice Capture Studio as an open-source browser application for local-first speech recording.

PROJECT Voice Capture Studio

PROJECT THESIS

Detailed reading notes.

Overview

Voice Capture Studio is a local-first browser application for directed voice capture. It helps a speaker move from an empty session to clean, reviewable takes with transcripts, timing, quality metadata and export structure attached.

The application is live at electronicartefacts.github.io/voice-capture-studio and the source code is public at github.com/electronicartefacts/voice-capture-studio.

Purpose

The project exists because professional voice material is often captured before the workflow is ready for it. A recording may sound usable, but the prompt, language, speaker, room, microphone, review state, timing and export manifest can disappear into loose folders.

Voice Capture Studio treats those details as part of the recording. It prepares structured voice material for downstream archives, speech datasets, voice-over review, dubbing and machine-learning workflows.

What It Does Not Do

Voice Capture Studio does not train AI models. It records speech, reviews takes and exports structured material. Any later training, alignment, normalization, archive processing or model evaluation belongs to a separate workflow with its own governance and consent requirements.

That boundary is important: the application prepares source material; it does not claim the authority of a model pipeline.

Recording Modes

The live application exposes three capture modes:

The project page uses “dataset” in the preparation sense: accepted recordings and metadata can become useful inputs, but model training remains downstream.

Key Features

Architecture Overview

The repository separates the React application shell from domain modules. The app shell coordinates browser capture, storage adapters and export orchestration. The domains own corpus, sessions, workspace, coverage, recording, speakers, settings and export contracts.

The important architectural decision is dependency direction: domain modules do not import React, browser UI, routes or CSS. That keeps recording behavior, corpus planning and export contracts testable without tying them to one interface.

Technology Stack

Voice Capture Studio is built with React, Vite and TypeScript. It uses Web Audio for local capture, browser storage for local workspace state, the File System Access API where available, explicit downloads as a fallback, a PWA manifest and a GitHub Pages deployment workflow.

The validation gate in the repository runs formatting, linting, TypeScript project references, unit tests and the production build.

Design Philosophy

The interface is not a generic recorder. It behaves like a small studio surface: choose a mode, check the environment, confirm the speaker and language, capture calibration material, record takes, then export the session with enough metadata to be reviewed later.

The design keeps technical state visible because local-first software needs trust cues. Storage mode, microphone readiness, WAV support, folder access, corpus version and calibration status are part of the user experience.

Open Source Philosophy

The project is released under the MIT License. Open source matters here because voice workflows should be inspectable. A team preparing voice material needs to know what is stored, what is exported, what is never uploaded and where data boundaries sit.

The repository includes contribution guidelines, security reporting, issue templates, a pull-request template and documentation for architecture, corpus structure, workspace structure, export structure and GitHub Pages.

Privacy

Voice recordings and generated workspaces are user data. The application is designed so recordings remain local to the browser or the folder selected by the user. The public repository should contain code and corpus definitions, not private voice recordings.

Browser storage is useful, but it is not a permanent archive. The app therefore treats explicit export and folder workflows as first-class parts of the product.

Export Model

The primary export target is a structured capture-session folder. The current repository documents session, speaker, corpus and manifest JSON files, take-level WAV and transcript files, timing and intent metadata, quality reports and dataset-readiness reports.

Every accepted take is more than audio. It carries enough structure to support later alignment, review, coverage analysis or archive processing.

Documentation

Useful entry points:

Roadmap

The public roadmap includes workspace restore/import for downloaded backups, explicit workspace schema migrations, corpus tombstones for long-lived compatibility, a stronger first-run folder flow, additional export targets and screenshot/release automation.

Those items are product infrastructure, not decoration. They make the difference between a promising local app and a voice archive workflow that can survive real use.

Voice Capture Studio sits near ORETH because both treat audio as structured material. It sits near Web Audio and the Web Audio API because the browser is the runtime. It sits near Open Source because the code and documentation are inspectable.

It also expands the Electronic Artefacts ecosystem into a practical voice-technology artefact: a tool that does one thing clearly before any archive, model, dubbing or production workflow receives the data.

Reference

Cite this page

Voice Capture Studio. 1.0.0. Electronic Artefacts, 2026-07-09. https://electronicartefacts.com/projects/voice-capture-studio/

TYPED RELATIONSHIPS

Connected work and ideas.

Each relation names what connects the two entries and why that connection matters.

production

Created by

Electronic Artefacts

Electronic Artefacts created Voice Capture Studio as an open-source browser application for local-first speech recording.

Maintained by

Electronic Artefacts

Electronic Artefacts maintains the Voice Capture Studio project, repository and public GitHub Pages deployment.

Published by

Electronic Artefacts

Voice Capture Studio is published by Electronic Artefacts as an open-source software artefact.

evidence

Evidenced by

Voice Capture Studio Repository

The public GitHub repository provides source evidence for Voice Capture Studio, including code, documentation, tests and deployment configuration.

Documents

Voice Capture Studio Repository

The Voice Capture Studio repository documents the application architecture, export structure, privacy boundary and GitHub Pages deployment.

implementation

Applies concept

Speech Recording

Voice Capture Studio applies speech-recording principles through guided prompts, room-tone calibration, takes and review states.

Applies concept

Speech Datasets

Voice Capture Studio prepares structured speech dataset material through WAV audio, transcripts, timing, intent, quality metadata and manifests.

Applies concept

Browser Software

Voice Capture Studio applies browser-software principles by running as a static web application with local storage, microphone access and explicit exports.

Applies concept

Voice Technology

Voice Capture Studio applies voice-technology concerns around capture, metadata, review, local privacy and downstream workflow boundaries.

Applies concept

Machine Learning Workflows

Voice Capture Studio supports downstream machine-learning workflows by preparing accepted recordings and metadata without performing model training itself.

Applies concept

Open Source

Voice Capture Studio applies open-source practice through a public MIT-licensed repository with contribution, issue and documentation surfaces.

Applies concept

Web Audio

Voice Capture Studio applies web-audio practice by capturing and preparing speech directly inside a browser runtime.

Applies concept

Metadata

Voice Capture Studio applies metadata discipline by attaching transcript, timing, intent, quality and manifest information to recorded takes.

Applies concept

Provenance

Voice Capture Studio applies provenance concerns by keeping prompt identifiers, corpus versions, speaker context and export manifests visible.

Applies concept

Human Computer Interaction

Voice Capture Studio applies HCI principles by making recording modes, environment checks, local storage and quality gates visible before capture.

Uses technology

Web Audio API

Voice Capture Studio uses the Web Audio API for browser-local microphone capture and recording workflows.