web-whisper-widget

What problem does it solve?

This Skill enables browser-based speech-to-text transcription by integrating a Whisper server backend with a minimal front-end Widget, letting users dictate text directly into web pages.

Core Features & Use Cases

• Browser-based transcription: A ready-to-use WhisperWidget that records audio, sends it to a Whisper server, and returns transcribed text to the page.
• Easy integration for forms, chat, and search: Drop-in widget for any web app to enable hands-free input and accessibility.
• Live controls and history: Visual status indicators and a simple transcription history you can reuse or store.

Quick Start

Follow these steps to add the widget to a web page:

• Include whisper-widget.js and whisper-widget.css in your project.
• Add a container element in your HTML.
• Initialize with new WhisperWidget('#voice-input', { serverUrl: '/whisper/inference', onTranscription: (text) => { /* your handler */ } });