This update introduces a major enhancement to the web interface, providing powerful new customization options for the greenscreen overlay. Now you can style your live subtitles directly from your browser and generate a URL to use in your streaming software!

New Features

Interactive Greenscreen Customization Panel

The web interface for displaying subtitles (`index.html`) now includes a comprehensive customization panel, perfect for streamers who use it as a greenscreen overlay. Here’s what you can do:

• Activation: Simply press the 'H' key on the greenscreen page to toggle the new settings panel. A temporary message will appear on page load to let you know about this new feature.
• Live Styling Controls: Instantly see your changes as you adjust the visual appearance of the overlay. You can modify:
  • Greenscreen Background: Change the background color using a color picker or by entering a name/hex code.
  • Font Style & Size: Select a new font or adjust the text size with a slider.
  • Text Visibility: Independently show or hide the original, translated, and transcribed text fields.
  • Caption Box Styling: Customize the background color, opacity, and text color for the subtitle boxes.
• Sharable URL Generation: The panel creates a unique URL that includes all your custom settings. Copy this URL and paste it into your broadcasting software (like OBS) to load your personalized overlay instantly.

Other Changes

• Version Update: The project's internal version has been updated to 1.2.3.