{"slug": "panetrans-drag-select-region-translation-ocr-on-video-canvas-built-on-js-local", "title": "PaneTrans — drag-select region translation + OCR on video/canvas, built on Transformers.js (local by default)", "summary": "A developer released PaneTrans, a browser extension for drag-select region translation and OCR on video/canvas, built on Transformers.js with local processing by default. The tool uses an offscreen document for inference to maintain low latency, avoiding service worker idle teardown issues. The developer is testing NLLB q8 with WebGPU for higher-quality translation.", "body_md": "Thanks for putting this much into it — really useful.\n\nOn the NLLB q8 / WebGPU point: good catch, and timely. That’s exactly what I’m testing right now — NLLB on q8 + WebGPU is my higher-quality path, so the two issues you linked are right on target. Appreciate the direct links, saves me the digging.\n\nOn offscreen vs service worker: this was a deliberate choice. The live overlay loop is latency-sensitive and needs the model + WebGPU context to stay warm, and an MV3 service worker gets torn down on idle — it can’t reliably hold a few-hundred-MB model resident between bursts, and re-spinning it up mid-overlay would kill the “text changes, re-translate” feel. So inference lives in the offscreen document and the service worker just routes and coordinates — basically the hybrid split you described. I’ll still read the HF service-worker guide to compare properly, but for this workload offscreen felt right.\n\nThe rest — OCR scheduling, capture strategy, cache/offline and the privacy story — is a great checklist. Saving the whole thing. Thanks again.", "url": "https://wpnews.pro/news/panetrans-drag-select-region-translation-ocr-on-video-canvas-built-on-js-local", "canonical_source": "https://discuss.huggingface.co/t/panetrans-drag-select-region-translation-ocr-on-video-canvas-built-on-transformers-js-local-by-default/176929#post_3", "published_at": "2026-06-19 23:14:57+00:00", "updated_at": "2026-06-19 23:43:19.150238+00:00", "lang": "en", "topics": ["machine-learning", "developer-tools", "computer-vision", "natural-language-processing"], "entities": ["PaneTrans", "Transformers.js", "NLLB", "WebGPU", "Hugging Face"], "alternates": {"html": "https://wpnews.pro/news/panetrans-drag-select-region-translation-ocr-on-video-canvas-built-on-js-local", "markdown": "https://wpnews.pro/news/panetrans-drag-select-region-translation-ocr-on-video-canvas-built-on-js-local.md", "text": "https://wpnews.pro/news/panetrans-drag-select-region-translation-ocr-on-video-canvas-built-on-js-local.txt", "jsonld": "https://wpnews.pro/news/panetrans-drag-select-region-translation-ocr-on-video-canvas-built-on-js-local.jsonld"}}