AniLens is a browser extension designed to enhance and upscale anime in real-time. Say goodbye to the blurry, low-quality artifacts of older titles or low-resolution streams.
The project started from a frustration with the "ultra-terrible" quality of classic anime available online. While high-end solutions like Anime4K and ONNX models (CNN, GUN, ESRGAN) exist, they are often difficult to implement in-browser without sacrificing performance.
AniLens bridges this gap by intercepting the video stream and redrawing it through a high-performance rendering pipeline, giving you sharp lines and restored details instantly.
- Real-Time Processing: Enhances every frame as you watch.
- Advanced Scalers: Choose between various shaders like Anime4K or neural network models.
- WebGPU Powered: Uses the latest WebGPU API to ensure high performance where standard WebGL or JavaScript would be too slow.
- High Compatibility: Successfully bypasses CORS restrictions using dynamic
declarativeNetRequestrules, allowing it to work on almost any streaming platform.
- The Pipeline: The extension intercepts the video stream from the HTML5 player and passes it through a chain of custom filters and neural networks.
- Performance: To handle the heavy lifting of neural networks, I utilized WebGPU to offload processing to the GPU, ensuring a smooth framerate.
- CORS Workaround: One of the biggest challenges was video capturing across different domains. This was solved by implementing dynamic rules to modify headers, making the extension stable across diverse players.
Scaler used: Anime4K Mode A
| Original Video | Enhanced with AniLens |
- Install it directly from the Chrome Web Store.
- Open your favorite anime streaming site.
- Activate AniLens from the extension bar and choose your Scaler.
This is my first public project, and I am eager to improve it.
- Found a bug? Please open an issue.
- Doesn't work on a specific site? Let me know, and I will adjust the
declarativeNetRequestrules.