اقرأ بالعربيةRead in English

目録へ戻るAll projects

ウェブ

Kashaf Abi Ja'far

Search thousands of hours of lessons and land on the exact second.

2026公開中LiveWeb

Cover screen from Kashaf Abi Ja'far

Summary

A fully Arabic, right-to-left search engine over a scholar's video lessons and written articles. You type a phrase and get back the passages where it was actually said; one click opens the video at that exact second. No login, no database.

Overview概要

A scholar with years of recorded lessons has, in practice, an unsearchable archive. The knowledge is there, but finding the ten minutes where a specific question was answered means remembering which lesson it was in and scrubbing through it.

This site fixes that. Lessons from the YouTube channel are transcribed automatically, articles are collected from the blog, and everything is indexed in Meilisearch. A search returns transcript segments of roughly thirty seconds each; clicking one opens the player at that timestamp. Beside the player runs an interactive transcript that follows along, can be searched within the lesson, and lets you copy a link to any single line.

There is no backend for search and no database. The index is static and served directly, which is why it stays fast and costs nothing to run.

Challenges課題

Where does a search result begin?

The problem

Raw transcripts come out as a stream of short caption lines. Indexing each line makes every result a fragment with no context; indexing whole lessons makes every result a two-hour video with no useful timestamp.

What I did

I chunk the transcript into roughly thirty-second passages that keep their start time. That is long enough to read as a thought and short enough that the timestamp is precise. The result is a readable quote that is also a jump target.

Arabic does not match itself

The problem

The same word appears with and without diacritics, with أ / إ / ا used interchangeably, with ة and ه confused, and with tatweel stretching letters. A visitor searching the phrase they remember hearing rarely types it the way the transcriber wrote it.

What I did

Normalisation runs identically over the index and the query, so both sides are reduced to the same canonical form before matching. Anything else produces a search that works for the person who built it and nobody else.

Automatic transcription is imperfect

The problem

ASR misreads names, technical terms and classical vocabulary, exactly the words people search for. Presenting a wrong transcript as authoritative text would misrepresent the scholar, which matters far more here than a bad search result.

What I did

The transcript is framed as an index into the audio, not as a quotable source. Every result leads back to the recording at that moment, so the video stays the authority and the text is only the way you find it.

Search with no server to search on

The problem

A always-on search backend for a free, non-commercial site is a recurring cost and a thing that can go down at 3am with nobody on call.

What I did

The site is built with Astro and ships a static index that the browser queries directly. Nothing needs to be running for search to work, which is the right operational profile for a project meant to outlive my attention to it.

Results成果

  • Two searchable corpora, lessons and articles, with per-tab result counts and playlist filtering.

  • Every result is a deep link into the video at the second it was said.

  • Static, serverless search: no database, no login, no running cost.

Colophon奥付

役割Role
Solo: pipeline, search and interface
年Year
2026
状態Status
Live
分野Category
Web
道具Built with
AstroTypeScriptMeilisearchWhisper ASRTailwind CSS
所在Where to find it
Visit the siteSource
Next design — Liquid GlassSee all 14