- ¿Me mandas un audio con la dirección?
Note vocale en appui maintenu
Maintiens le micro pour enregistrer avec onde et minuteur ; glisse à gauche pour annuler ou relâche pour envoyer la note.
Réglages
Code
<div class="uvq15-voc"><ol class="ls" aria-live="polite"><li class="in"><span>Tu m’envoies un vocal avec l’adresse ?</span></li></ol><div class="bar"><div class="ip"><span class="ph">Maintiens le micro pour enregistrer</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>Glisse pour annuler</span></span></span></div><button type="button" class="mc" aria-label="Maintiens pour enregistrer"><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 pour l’IA
Collez-le dans ChatGPT, Claude ou Cursor : le bloc sera adapté à votre projet avec ces réglages, même sans React.
Plus dans Micro-interactions
Voir tout : Micro-interactionsOù l’utiliser
Les notes vocales reposent sur un seul geste maintenu, et ce bloc reproduit tout le parcours. Tant que le micro est tenu, il grossit en rouge avec une pulsation, un minuteur avance et une onde défile avec des niveaux en direct ; glisser à gauche au-delà de l'indication annule la prise. En relâchant, une bulle verte part avec l'onde, un bouton lecture et la durée.
La couleur principale sert au micro et à tes bulles, la secondaire à l'état d'enregistrement. Les niveaux sont aléatoires ici ; remplace-les par des valeurs de l'API Web Audio pour un vrai enregistrement. Au clavier, maintenir Espace ou Entrée enregistre et Échap annule.