Voice Notes in the Loupe Web Widget

Typing feedback is fine. But when you’re mid-session, bug in front of you, hands already on keyboard — sometimes you just want to say it.

We shipped voice notes in @loupeink/web-sdk@1.2.0 today.

How it works

The widget now shows a mic button next to the comment box. Click it, speak, click stop. The audio gets sent server-side to Groq’s Whisper endpoint, transcribed, and the text drops into the comment box — on a new line below anything you’ve already typed. Edit it if you want, then submit normally.

The audio is discarded immediately after transcription. Nothing is stored. Only the transcript text persists with the feedback entry.

This matters for two reasons:

1. You don’t pay to store audio
2. Users don’t need to wonder whether their voice is being saved somewhere

Works in Chrome and Safari. If a user denies mic access or you’re on HTTP, the mic button doesn’t appear — the widget falls back to text-only silently.

Try it

If you’re already on @loupeink/web-sdk, upgrade:

npm install @loupeink/web-sdk@latest

Voice is enabled by default. If you want to disable it:

const widget = new LoupeWidget({
  apiKey: 'your-key',
  voiceEnabled: false,
});

To point to your own transcription endpoint:

const widget = new LoupeWidget({
  apiKey: 'your-key',
  transcribeUrl: 'https://your-api.com/transcribe',
});

The endpoint receives multipart/form-data with an audio field and should return { "transcript": "..." }.

First install

One script tag, no build step needed:

<script type="module">
  import { LoupeWidget } from 'https://cdn.jsdelivr.net/npm/@loupeink/web-sdk@1.2.0/dist/index.js';
  const widget = new LoupeWidget({ apiKey: 'YOUR_API_KEY' });
  widget.mount();
</script>

Or with npm:

npm install @loupeink/web-sdk

import { LoupeWidget } from '@loupeink/web-sdk';
const widget = new LoupeWidget({ apiKey: 'YOUR_API_KEY' });
widget.mount();

The Loupe dashboard at loupe.ink shows all feedback — screenshots, annotations, voice transcripts — in one place.

---

Full changelog: github.com/loupeink/web-sdk/releases