Skip to content
FunctiesPrijzenPartnersBlogHelpOver onsContact
Aan de slagInloggen
Terug naar Blog
industry2026-08-266 min. leestijd

Spraakbestellen in de browser via WebSpeechAPI voor cafes

Strandcafe-voorbeeld: gast met ijsje in de hand bestelt via spraak vanuit de browser. Technische gids WebSpeechAPI plus Cloudflare AI NLU.

th

thMenu Team

thmenu.com

Een strandcafe in Akcaabat: de gast houdt een ijshoorntje met twee handen vast en kan de telefoon niet aanraken. "Bestel een ayran en een brood" volstaat en de browser doet de rest — zonder app, alleen QR en microfoonpermissie.

Browser-ASR in actie

Chrome en Safari leveren SpeechRecognition standaard mee met lang="nl-NL" of "tr-TR". Ruwe tekst komt terug in ongeveer 1,2 seconde zonder download.

De tekst gaat naar LLaMA 3.1 8B op Cloudflare Workers AI met een strikt JSON-schema. KV cache haalt herhaalde zinnen onder 50 ms.

Dubbelzinnigheid oplossen

"Ayran" drank versus "ayran corbasi" soep: de NLU stelt een gerichte vraag en toont twee kaarten. Een woord of tik sluit af.

  • Dialecten met fuzzy drempel 0,85
  • Allergenen: "geen pinda" als negatieve slot
  • Hoeveelheden: "halve portie" wordt 0,5

Toegankelijkheid en fallback

Slechtziende gasten profiteren: aria-live="polite" en TTS lezen het winkelmandje voor. Zonder WebSpeechAPI valt het menu stil terug naar tap.

Spraak is een extra, geen kritieke afhankelijkheid.

FAQ

Wat kost het? WebSpeechAPI is gratis; Workers AI rond 0,01 USD per 1000 verzoeken.

Welk plan? Pro en Platinum bevatten spraakbestellen.

In lawaaiige omgeving? Boven 65 dB daalt de precisie maar tap blijft beschikbaar.

Was dit nuttig? Deel het.