IrfanLLM Manga Controller
A zero-touch, hands-free reading assistant for PC and mobile. Developed to scroll webtoons and turn chapters smoothly while eating or multitasking without touching greasy screens.
Gesture Calibration & Live Demo
Test the AI gesture classifier right inside your browser! Activate your front camera below to practice the three core ground-truth postures:
Page Down — Right Hand
Hold a curled knuckle fist with your Right Hand at chest level (~45° downward tilt). MediaPipe extracts the 71D vector to smoothly glide the page down.
Page Up — Left Hand
Tilt your Left Hand knuckles upward under your chin (~118° upward tilt). Reverses scrolling to fluidly read back up.
Neutral / Idle — No Hand
Lower both hands away from the camera. The page remains completely stationary with zero return-stroke false triggers.
‹ PREV / NEXT ›) to turn chapters without blocking manga art!
IrfanLLM Manga Controller Extension
Install once — powered by Cloud Live-Sync, all future AI updates, kinetic physics, and website compatibility updates sync dynamically from GitHub without reinstalling. Open the extension popup to Enable touchless reading on DemonicScans.org, AsuraComics, MangaDex, or any web reader.
You never need to re-download or manually replace extension files when new features are released. Everything is synchronized dynamically:
Simply tap the IrfanLLM extension icon and click 🔄 Check & Sync Code from Main. It immediately pulls the newest AI gesture models, Dynamic Island upgrades, and website fixes directly into your running tabs!
Inside chrome://extensions (or Lemur's extension manager), clicking the native Update button triggers IrfanLLM's official updates.xml manifest query.
Install Lemur Browser from Google Play
Search for and install Lemur Browser from the Google Play Store (free, lightweight Chromium browser with full extension manager support).
Download Extension Package
Inside Lemur Browser, visit irfanfahmi.com/manga.html and tap the blue Download Extension Package (.zip) button above. The zip archive saves directly to your phone.
One-Tap Install via Extensions Icon
In Lemur Browser, tap the Extensions icon (🧩) on the bottom toolbar (or type chrome://extensions in the URL bar) → toggle on Developer mode (top-right) → tap + (from .zip) → select the downloaded irfanllm-manga-extension.zip.
Extract the ZIP Archive
Click the download button above and extract irfanllm-manga-extension.zip into a folder on your computer.
Open Browser Extensions & Enable Developer Mode
In Google Chrome, Microsoft Edge, or Brave, open chrome://extensions (or edge://extensions) in the URL bar and switch on the Developer mode toggle in the top-right corner.
Click Load Unpacked & Select Folder
Click Load unpacked in the top-left corner and select the extracted extension folder. The IrfanLLM icon will appear in your browser toolbar ready to use!
🌐 Verified Platform Compatibility Matrix
| Device | Browser | Extension Status | Integration Details |
|---|---|---|---|
| 📱 Android Mobile | Lemur Browser (Recommended & Verified) | ✅ Full Support | Native mobile extension manager • Direct 1-tap install via 🧩 icon |
| 📱 Android Mobile | Kiwi Browser | ✅ Full Support | Direct install from .zip via Developer Mode |
| 💻 PC / Laptop | Google Chrome (Recommended & Verified) | ✅ Full Support | Load unpacked via chrome://extensions • Official desktop verification platform |
| 💻 PC / Laptop | Microsoft Edge | ✅ Full Support | Load unpacked via edge://extensions |
| 💻 PC / Laptop | Brave Browser | ✅ Full Support | Load unpacked via brave://extensions |
| 📱 Android Mobile | Google Chrome Mobile | ❌ Blocked | Extensions disabled by Google on mobile builds |
| 📱 Android Mobile | Samsung Internet | ❌ Blocked | Curated Galaxy Store adblockers only |
Edge Vision Architecture & Classifier
Engineered to operate entirely on client-side hardware without sending video streams to external cloud servers:
1. MediaPipe 71D Pipeline
Extracts 21 3D landmarks at 30-60 FPS. Coordinates are normalized relative to wrist origin and scaled by palm span to remain invariant to camera distance.
2. 100-Tree Random Forest
Trained directly on ground-truth hand videos. Reaches 98.6% cross-validation accuracy with zero velocity heuristic recoil, executing in <0.1ms via pure JS arrays.
3. Kinetic Momentum Engine
Decoupled 60/90/120Hz display refresh loop with exponential friction damping (0.935) and 0.30s debounced hysteresis lock for silky smartphone-grade scrolling.
Engineering Progression & Version History
Chronological documentation of architectural improvements and performance upgrades:
- Apple Dynamic Island: Replaced the bulky top HUD box with a sleek OLED pitch-black Dynamic Island pill (36px). Features spring physics (
cubic-bezier(0.16, 1, 0.3, 1)), live gesture morphing, and interactive tap-to-expand control sheet. - Auto-Stealth (Ghost Mode): The island auto-dims and collapses into a discreet 7px micro-notch after 3.5s of reading inactivity, guaranteeing 100% unobstructed manga panels and zero eye distraction. Instantly wakes when hands are detected.
- Invisible Smart Edge Navigation: Completely eliminated the two giant 55px × 160px dashed blue boxes (
< PREVandNEXT >) that were blocking manga art and dialogue. Replaced with invisible edge trigger zones that slide out sleek glowing chevrons (‹ PREV/NEXT ›) only when a hand or finger approaches. - Stealth Camera PiP: Camera preview runs quietly in the background by default, and can be toggled on-demand into a rounded 92px × 120px micro-preview via the Dynamic Island.
- 1-Tap Cloud Live-Sync: Enhanced the in-popup 🔄 Check & Sync Code from Main button to fetch fresh code from GitHub/
irfanfahmi.comand immediately hot-reload it into running reader tabs.
- Native
chrome.scriptingExecution: Migrated completely from DOM<script>injection to native Chrome extension scripting APIs, eliminatingRefused to load scripterrors caused by strict website Content Security Policies (such asscript-src 'self'on DemonicScans). - Bundled MediaPipe Engine (
hands.js): Bundled@mediapipe/hands(45KB) directly inside the extension package to eliminate external CDN latency and prevent CDN blocking on strict manga sites. - In-Page Touch 'n Go Tip Modal: Added a
☕ Tipbutton directly into the floating controller HUD banner for instantaneous DuitNow QR donations while reading manga. - Popup Auto-Scroll Drawer: Enhanced the extension popup with smooth auto-scroll to view the DuitNow QR code and tipping tiers.
- Native Chromium Update Engine (
updates.xml): Integrated official Chromium auto-update protocol. Clicking the native Update button inchrome://extensions(Lemur Browser or Google Chrome) now automatically updates the extension without requiring manual zip file removal or reinstallation. - In-Popup 1-Tap Cloud Sync: Added a dedicated 🔄 Check & Sync Code from Main button inside the extension popup (
popup.html). It immediately fetches latest JavaScript directly fromhttps://irfanfahmi.com/controller.jsand hot-reloads running reading tabs on the fly. - Background Service Worker: Added Manifest V3 background service worker (
background.js) that automatically checks and synchronizes controller code on browser startup and extension install. - Direct Dynamic Script Injection: Upgraded
content.jsandpopup.jsto inject cache-busted dynamic cloud scripts (controller.js?v=Date.now()), bypassing inline script CSP restrictions and guaranteeing 100% fresh code from GitHub on every chapter change or activation. - Offline Fallback Resilience: Seamless fallback to bundled local code if network connectivity is unavailable.
- Continuous Chapter Persistence: Solved browser page-unload teardown when advancing to new chapters via tab-level session persistence.
- Content Script Auto-Resume: Idle background listener in
content.jsdetects active sessions and re-launches the controller and front camera on the new chapter URL automatically. - Clean Session Teardown: Clicking ✕ Stop on the banner or 🔴 Disable in the popup cleanly terminates the session to prevent unwanted auto-starts.
- Universal Multi-Site Access: Expanded host permissions to
<all_urls>— runs across DemonicScans, AsuraScans, MangaDex, Webtoons, ReaperScans, or any web reader. - On-Demand Controls: Domain-detecting popup with clear 🟢 Enable and 🔴 Disable toggle buttons.
- Cloud Live-Sync Architecture: Extension queries
irfanfahmi.com/controller.jsdynamically on activation for instant silent updates. - Touchable On-Screen Navigation: Added direct touch taps to
< PREVandNEXT >buttons with universal chapter regex matching.
- Display-Synchronized Physics Loop: Decoupled scrolling into an independent 60/90/120Hz display refresh loop (
requestAnimationFrame). - Kinetic Momentum Inertia: Exponential friction damping (
0.935) allows the page to glide smoothly to a halt. - Air Swipe Flick: Vertical wrist velocity tracking imparts an instant swipe momentum impulse (~400px glide).
- On-the-fly Speed Presets: Interactive toggle between 0.7x (Gentle), 1.0x (Normal), and 1.4x (Fast) speeds.
- Manifest V3 Migration: Transitioned from legacy bookmarklets into a compliant, one-click Chrome extension.
- Zero-Recoil Geometric Posture Model: Right hand curled fist (Page Down), left hand under-chin tilt (Page Up), and resting neutral (Idle).
- Floating HUD & Camera PiP: Lightweight on-screen heads-up display with camera picture-in-picture and live confidence readout.