{"id":1673,"date":"2026-09-03T05:07:43","date_gmt":"2026-09-02T21:07:43","guid":{"rendered":"https:\/\/blog.liu-qi.cn\/2026\/09\/03\/liusheng-subtitles-browser-extension\/"},"modified":"2026-09-03T05:44:26","modified_gmt":"2026-09-02T21:44:26","slug":"liusheng-subtitles-browser-extension","status":"publish","type":"post","link":"https:\/\/en.blog.liu-qi.cn\/2026\/09\/03\/liusheng-subtitles-browser-extension\/","title":{"rendered":"Open-Source Release: A Browser Extension for Automatically Generating Subtitles for Online Videos Using Speech Recognition and Large Language Models"},"content":{"rendered":"

This project was actually started a few months ago.<\/p>\n

I’ve just completed a major update over the past couple of days, restructuring it for improved stability and fixing issues with duplicate API billing caused by message loss or restarts. Now it’s officially released.<\/p>\n

\"Liusheng<\/p>\n

Developed by Vibe Coding, the project is open-source.<\/p>\n

The browser media sniffing is derived from Cat Catch<\/strong>, audio processing uses Webffmpeg<\/strong>, and subtitle processing references implementations from projects like WhisperX, Speaches, faster-whisper, stable-ts<\/strong>. Thanks to the above projects.<\/p>\n

The source code repository is here:<\/p>\n

https:\/\/github.com\/Liu-Bot24\/liusheng-subtitles<\/a><\/p>\n

You can also install it directly from the Chrome Web Store:<\/p>\n

https:\/\/chromewebstore.google.com\/detail\/ipcmkanhjahdpnacnjabkmlhggekkegm<\/a><\/p>\n

The functionality of this project is as the title states: Automatically generate subtitles for streaming videos that lack them.<\/strong><\/p>\n

A heads-up is necessary: Liusheng Subtitles supports most common web videos you encounter while browsing, but it does not support videos protected by DRM or specific platform policies, such as typical Netflix and YouTube videos. However, videos on YouTube mostly come with auto-generated subtitles, so there’s little need for ASR there. Transcribing and then translating might be less convenient than directly using plugins like Immersive Translate.<\/p>\n

This product takes the form of a browser extension, allowing you to initiate subtitle generation directly on the page<\/strong> where the video is playing, without needing to open a separate third-party app, which is very convenient. Simultaneously, the entire subtitle generation process is a pre-processing pipeline: it first extracts the audio, then performs recognition and translation, and finally overlays the subtitles back onto the player. Therefore, the overall latency and experience are close to native<\/strong>. Moreover, because it’s pre-processed, this solution is generally significantly cheaper than directly integrating live translation models<\/strong>.<\/p>\n

\n

When you’re browsing the web and come across a foreign language video without subtitles, you can use this extension.<\/p>\n

\"Liusheng<\/p>\n

In most cases, the extension can automatically select the correct duration and appropriate bitrate audio, extract it via webffmpeg, and perform ASR recognition. If the automatic selection fails in\u4e2a\u522b\u4e2a\u522b (specific) cases, a manual media source selection function is retained.<\/p>\n

After ASR recognition, it calls your pre-configured LLM to translate into the specified target language. The subtitle overlay window can display the original text, translation, or both. Simultaneously, the sidebar on the right can display the complete subtitle list.<\/p>\n

\"Liusheng<\/p>\n

You can double-click items in the sidebar subtitle list to jump to that point. After subtitles are fully generated, they can also be manually edited, and SRT export is supported.<\/p>\n

\"Bilingual<\/p>\n

If you prefer to use only the overlay window, that’s fine too; the sidebar can be closed.<\/p>\n

\"Only<\/p>\n

The extension itself does not provide model access services, so the ASR model and LLM need to be configured by the user.<\/p>\n

ASR models support the Whisper series and FunASR. LLMs support OpenAI and Anthropic-compatible formats.<\/p>\n

\"Liusheng<\/p>\n

For my own use, I generally deploy Speaches ASR locally via Docker, using the model Systran\/faster-whisper-large-v3.<\/strong><\/p>\n

\"Speaches<\/p>\n

\"Liusheng<\/p>\n

If you don’t want to deploy locally, you can also use Groq’s Whisper, which offers relatively good cost-performance.<\/p>\n

For translation models, generally using cheaper older models like Deepseek V3 is sufficient, and even models with lower parameters are often fine. The free credits from platforms like Silicon Flow<\/a> can last a long time.<\/p>\n

If you want a completely free option, local deployment is also possible. Since it’s not real-time translation, waiting a bit longer for the translation to complete before watching doesn’t affect the viewing experience.<\/p>\n

VAD filtering can generally be left on automatic. It will auto-enable for supported cases to reduce hallucinations in silent segments. If low-volume whispers in a video aren’t being recognized, you can manually turn it off.<\/p>\n

\"Liusheng<\/p>\n

It also supports generating subtitles for local videos, simply by dragging the local video into the browser to play it.<\/p>\n

It’s just slightly more cumbersome: you need to go into the extension details and manually enable “Allow access to file URLs.”<\/p>\n

\"Enabling<\/p>\n

Then manually drag the video into the browser to open it.<\/p>\n

\"Dragging<\/p>\n

After that, use it step by step as usual.<\/p>\n

\"Liusheng<\/p>\n

However, it’s\u539f\u5219\u4e0a (in principle) recommended for\u4e34\u65f6 (temporary\/occasional) use because there are actually more and simpler local solutions available. Moreover, you can use the full-fledged ffmpeg without performance limitations, and directly using an AI Agent for processing might be more convenient. If you truly need to batch process local files, the interface might\u53cd\u800c (conversely) seem redundant. This is also why I didn’t create a desktop version and chose the browser extension form factor instead.<\/p>\n

That’s all.<\/p>\n

Welcome everyone to try it out, use it, modify it, and give it a Star.<\/p>\n

https:\/\/github.com\/Liu-Bot24\/liusheng-subtitles<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

Web videos lack subtitles? Liusheng Subtitles is a free, open-source Chrome extension that automatically recognizes audio, generates, and translates bilingual subtitles. It supports local videos, subtitle editing, timeline jumping, and\u2026<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[24],"tags":[25,34,33],"class_list":["post-1673","post","type-post","status-publish","format-standard","hentry","category-articles","tag-chrome-","tag-34","tag-33"],"_links":{"self":[{"href":"https:\/\/en.blog.liu-qi.cn\/index.php\/wp-json\/wp\/v2\/posts\/1673","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/en.blog.liu-qi.cn\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/en.blog.liu-qi.cn\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/en.blog.liu-qi.cn\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/en.blog.liu-qi.cn\/index.php\/wp-json\/wp\/v2\/comments?post=1673"}],"version-history":[{"count":4,"href":"https:\/\/en.blog.liu-qi.cn\/index.php\/wp-json\/wp\/v2\/posts\/1673\/revisions"}],"predecessor-version":[{"id":1677,"href":"https:\/\/en.blog.liu-qi.cn\/index.php\/wp-json\/wp\/v2\/posts\/1673\/revisions\/1677"}],"wp:attachment":[{"href":"https:\/\/en.blog.liu-qi.cn\/index.php\/wp-json\/wp\/v2\/media?parent=1673"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/en.blog.liu-qi.cn\/index.php\/wp-json\/wp\/v2\/categories?post=1673"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/en.blog.liu-qi.cn\/index.php\/wp-json\/wp\/v2\/tags?post=1673"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}