meckr — Feedback, so einfach wie eine Sprachnachricht

Klicken

Unten rechts schwebt der Button. Ein Klick öffnet das Feedback-Fenster.

Sprechen

Eine kurze Sprachnachricht aufnehmen — mit Live-Waveform und Mindestdauer.

Senden

Optional Screenshot und Notiz ergänzen, dann per Webhook übermitteln.

index.html

<script src="meckr.js"
  data-webhook="https://example.com/feedback"
  data-accent="#ff5b3a"
  data-position="bottom-right"
  data-locale="auto"   <!-- auto | de | en | nl -->
  data-text-introtitle="Wie war Ihr Besuch?"></script>

Jetzt ausprobieren ↘

Unten rechts wartet der Button. Diese Demo schickt Ihr Feedback an unser echtes n8n-Backend — sagen Sie uns also gern, was Sie denken. Wir hören zu.

Häufige Fragen

Wo landen die Aufnahmen?

Dort, wohin dein Webhook zeigt — du entscheidest. meckr schickt Audio, optional einen Screenshot und ein meta-JSON als multipart/form-data an die data-webhook-URL. Als fertiges Backend gibt es ein n8n-Template, das alles nach Nextcloud ablegt und eine Zeile in ein Google Sheet schreibt.

Brauche ich einen eigenen Server?

Nein, nur einen Endpoint, der den Webhook annimmt. Das kann n8n, Make, eine Cloud-Function oder ein eigenes Script sein. meckr selbst ist nur ein Stück JavaScript im Browser.

In meinem Speicher kommen leere 0-Byte-Dateien an — woran liegt das?

Klassischer Stolperstein bei n8n & Co.: Der Upload-Node lädt nur die Metadaten hoch (Name, Größe werden angezeigt), aber nicht den Inhalt. Beim n8n-Nextcloud-Node muss dafür der Schalter Binary File an sein und als Binary-Property data gesetzt werden. Details & weitere Fälle stehen in der README (FAQ).

Funktioniert die Sprachaufnahme in jedem Browser?

Überall, wo die MediaRecorder-API verfügbar ist — also in allen aktuellen Browsern. Voraussetzung ist https (oder localhost), sonst gibt der Browser das Mikrofon nicht frei.

Funktionieren Screenshots auch auf dem iPhone?

Ja. Am Desktop nutzt meckr die echte Bildschirmaufnahme (getDisplayMedia). Auf iOS/iPadOS gibt es diese API nicht — dort rendert meckr stattdessen den sichtbaren Seiteninhalt direkt aus dem DOM (über html2canvas, das nur bei Bedarf nachgeladen wird). Hinweis: Diese Variante zeichnet die Seite selbst nach, nicht den echten Bildschirm — eingebettete fremde Inhalte (z. B. iframes, Videos) können dabei fehlen.

In welchen Sprachen erscheint das Widget?

meckr bringt von Haus aus Deutsch, Englisch und Niederländisch mit und wählt die Sprache automatisch anhand der Browser-Einstellung des Nutzers (data-locale="auto"). Mit data-locale="en" legen Sie eine feste Sprache fest. Fehlt eine Browser-Sprache im Angebot, fällt meckr auf Deutsch zurück.

Kann ich die Texte anpassen?

Ja, auf drei Ebenen. Einzelne Texte überschreiben Sie per Attribut, z. B. data-text-introtitle="Wie war Ihr Besuch?" oder data-text-send="Abschicken". Alle Texte auf einmal liefern Sie als JSON — entweder inline über MeckrConfig.texts oder als Datei über data-texts-url="…/texts.json", wahlweise flach ({ "send": "…" }) oder nach Sprache verschachtelt ({ "de": {…}, "en": {…} }). Die volle Liste aller Text-Schlüssel steht in der README.

Wie ist das mit dem Datenschutz?

Es wird nur erfasst, was der Nutzer aktiv abschickt: die Sprachnachricht, optional ein selbst ausgelöster Screenshot und ein paar technische Metadaten (Seite, Browser, Zeitpunkt). Die Daten gehen ausschließlich an deinen eigenen Webhook — meckr leitet nichts an Dritte weiter.

Was ist neu

Vollständige Historie im Changelog auf GitHub.

0.2.0 aktuell 2026-06-20

Professionellere Default-Texte im gesamten Widget.
Mehrsprachig: Deutsch, Englisch, Niederländisch — automatisch anhand der Browser-Sprache oder per data-locale.
Jeder Text einzeln überschreibbar via data-text-*.
Alle Texte auf einmal per JSON: MeckrConfig.texts oder data-texts-url.
Sichtbare Version unter window.Meckr.version.

0.1.0 2026-06

Erste Version: Sprachaufnahme, Screenshots (Desktop & iOS), Review-Panel, Webhook-Versand, konfigurierbare Position.