This project provides a web-based live captioning tool (based on the Web Speech API) that utilizes speech recognition to transcribe spoken language into text in real-time. The interface is designed to be user-friendly, with customizable settings for language selection, font size, text alignment, caption colors, and real-time translation capabilities.
- Real-Time Speech Recognition: Captions are generated in real-time using the browser's
speech recognitioncapabilities. - Language Selection: Choose from a wide range of
languagesanddialects. - Real-Time Translation: Toggle live translation of captions to your preferred language using the
unofficial Google Translate API. - Customizable Interface:
- Adjust
font size,text alignment, andcaption colors. - Separate color settings for original captions and translations.
- Display both
language nameandcode(e.g.,Slovak (sk-SK)) for better clarity.
- Adjust
- Persistent Settings: User preferences for
language,font size,alignment,colors, andtranslation settingsare saved in local storage. - Dual Caption Display: View both original speech and translated text simultaneously when translation is enabled.
- Open the HTML File: Simply open the
LCC.html(For Chrome) /LCC2.html(For MS Edge) (or the webpage https://davidisth.github.io/LCC/LCC.html / https://davidisth.github.io/LCC/LCC2.html) file in a modern web browser that supportsspeech recognition(e.g.,Google Chrome) (see specifications here:Web Speech API). - Start Captions: The application will automatically start listening and displaying captions.
- Customize Settings:
- Press the
Spacebarto switch between selected languages. - Use the
+and-keys to increase or decrease the font size. - Press
Mto toggle the language selection menu. - Press
Cto change the original caption color. - Press
Tto toggle translation mode. - Press
Xto change the translated caption color. - Use the buttons in the menu to align text (left, center, right, top, middle, bottom).
- Press the
- Languages: Modify the
languagesarray in the script to add or remove languages. - Font Size: Adjust the default
font sizeby changing thefontSizevariable. - Text Alignment: Set default
text alignmentby modifying thehorizontalAlignmentandverticalAlignmentvariables. - Caption Colors: Change the default
caption colorsby modifying thecaptionColorsarray. - Translation Settings: Configure default
translation languageand delay timing.
- A modern web browser with support for the
Web Speech API(e.g.,Google Chrome). - Internet connection for translation features.
This project is open-source and available under the MIT License.
Contributions are welcome! Please feel free to submit a pull request or open an issue for any bugs or feature requests.
- This project uses the
Web Speech APIfor speech recognition. - Translation powered by the
unofficial Google Translate API.
- Enhance translation stability and performance
Made with love ❤️ for those who need it.