Prototype pencarian ayat dari bacaan Quran dengan alur yang siap dihubungkan ke model Tarteel.
Versi ini fokus ke arsitektur aplikasi web: rekam audio di browser, kirim ke endpoint backend untuk transkripsi, lalu cocokkan hasil Arab ke corpus Quran lokal di browser. Sudah ada mode demo tanpa backend supaya flow produk bisa langsung dicoba.
1. CaptureMediaRecorder ambil audio dari mic browser.
2. TranscribeKirim blob audio ke API backend atau inference service.
3. NormalizeBersihkan harakat dan variasi karakter Arab.
4. MatchSkor kandidat ayat dengan token overlap dan urutan.
Input dan inferensi
Isi endpoint backend Anda, lalu rekam audio. Endpoint diharapkan mengembalikan JSON berisi transcript Arab, confidence, dan metadata chunk.
Backend
Recorder
Mic not started
Untuk production, potong audio 2–5 detik per chunk dan kirim beruntun supaya posisi ayat bisa di-track real-time.
Pilihan ini hanya dipakai saat kirim audio ke endpoint backend.
Ready. Pilih mode, rekam audio, atau paste transcript Arab lalu jalankan matching.
Hasil pencocokan
Top candidates dihitung dari token overlap dan urutan kata sederhana. Untuk production, ganti matcher ini dengan fuzzy search + context tracking antar ayat.
0 candidates
Contract backend
Contoh respons JSON untuk endpoint transkripsi. UI ini siap menerima bentuk data di bawah ini, termasuk dukungan previousVerseKey dan matches dari backend yang lebih lengkap.
{
"transcript": "بسم الله الرحمن الرحيم",
"confidence": 0.94,
"normalized": "بسم الله الرحمن الرحيم",
"chunks": [],
"matches": [{"verseKey": "1:1", "score": 0.91}],
"model": "tarteel-ai/whisper-base-ar-quran",
"nextSuggestedVerseKey": "1:1"
}