- ¿Me mandas un audio con la dirección?
Sprachnachricht per Gedrückthalten
Halte das Mikro gedrückt für Aufnahme mit Wellenform und Timer; nach links wischen verwirft, Loslassen sendet eine abspielbare Nachricht.
Einstellungen
Code
<div class="uvq15-voc"><ol class="ls" aria-live="polite"><li class="in"><span>Schickst du mir eine Sprachnachricht mit der Adresse?</span></li></ol><div class="bar"><div class="ip"><span class="ph">Mikro gedrückt halten zum Aufnehmen</span><span class="rec" aria-hidden="true"><i class="dot"></i><span class="tm">0:00</span><span class="wv"><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i></span><span class="cx"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M15 6l-6 6 6 6"/></svg><span>Zum Abbrechen wischen</span></span></span></div><button type="button" class="mc" aria-label="Zum Aufnehmen gedrückt halten"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="9" y="3" width="6" height="11" rx="3"/><path d="M5 11a7 7 0 0 0 14 0M12 18v3"/></svg></button></div><p class="sr" aria-live="assertive"></p></div>Prompt für KI
Füg ihn in ChatGPT, Claude oder Cursor ein und der Baustein wird mit diesen Einstellungen an dein Projekt angepasst, auch ohne React.
Mehr aus Mikrointeraktionen
Alle ansehen: MikrointeraktionenWofür du ihn nutzen kannst
Sprachnachrichten beruhen auf einer einzigen gehaltenen Geste, und dieser Block bildet den ganzen Ablauf nach. Solange das Mikro gehalten wird, wächst es rot mit einem Puls, ein Timer läuft und eine Wellenform zieht mit Live-Pegeln vorbei; wer über den Hinweis nach links wischt, verwirft die Aufnahme. Loslassen sendet eine grüne Blase mit Wellenform, Abspielknopf und Dauer.
Die Hauptfarbe gilt für das Mikro und deine Blasen, die Zweitfarbe für den Aufnahmezustand. Die Pegel sind hier zufällig; ersetze sie bei echter Aufnahme durch Werte aus der Web Audio API. Per Tastatur nimmt gehaltene Leertaste oder Enter auf, Escape verwirft.