Back to Work
Browser Extensions & Media Capture

CowLoom.

CowLoom

Company

Cowlar Design Studio

Role

Lead Frontend Developer

Timeline

2023

Links

Friction Reduced90%

Single-click tab and audio recording capture tool

Chrome Sync TimeInstant

Manifest V3 lightweight service worker triggers

Asset OptimizationWebM/4K

High-fidelity capture output with low file-size footprints

Major Features Highlight

Record current browser tab with synchronized audio (mic input)

Supports high-quality voice recording alongside screen capture

User-friendly Chrome extension popup UI

Built-in permission handling and tab detection logic

Minimalist UX for one-click start/stop recording

Documentation website built with React and TypeScript

Downloadable recording file output

Supports Chrome Manifest V3 structure

Error handling for media access and API fallback

Optimized for performance and lightweight usage

Overview

CowLoom is an asynchronous knowledge capture extension designed to automate internal SOP creation and tab recording workflows.

The Challenge

Standard screen capture tools are bulky, slow down browser processes, require paid cloud hosting, and fail to capture internal tab audio streams cleanly.

The Engineering Solution

Developed a Manifest V3 Chrome Extension utilizing MediaRecorder and Web Audio APIs. Engineered tab capture constraints, built popup menus, and designed a documentation portal using React/TypeScript.

Key System Deliverables

  • Chrome extension built on Manifest V3 background service workers
  • React popup UI and responsive web documentation pages
  • In-extension HTML5 canvas overlays for live recording statuses

Measurable Success

  • Accelerated internal team SOP recording workflows dramatically
  • Delivered lightweight background execution, zero-impact on browser memory

Technologies Deployed

ReactTypeScriptChrome Extension APIsWeb Audio APIMediaRecorder APIHTML5

Finished reviewing?

Back to Portfolio