Overview
A React and Spring Boot web app deployed on Railway (previously Heroku and Render) for correcting ASS and SRT subtitles.Project nature: Individual (hobby project)
Year: 2021
Web app URL:
https://blackr1234.github.io/srt-subtitle-fixer-web/This is a full-stack web project that I did for entertainment purpose (movie watching). Sometimes the ASS or SRT files I download from the Internet have file format issues or multiple subtitle lines that some TV players do not fully support. So I decided to write myself a program that helps correcting ASS and SRT files.
Front-end webpage is deployed on GitHub Pages. It uses React and React Bootstrap.
Back-end web app is deployed on the free Railway cloud (previously Heroku and Render). It uses Spring Boot Starter Web.
The whole project took around 24 ~ 30 hours (excluding layout tweaks).
Functionalities:
• Automatically convert ASS subtitle format into SRT subtitle format (even if file extension is wrong, it can automatically detect the correct format)
• Show warning and error logs in the webpage's result section if the SRT file has file format issues
• Sort subtitles by start time
• Remove text formatting
• Correct sequence numbers (start from 1 and increase by 1)
• Combine multiple-line subtitles into single line
• Translate between Simplified Chinese and Traditional Chinese
• Adjust start time and end time (e.g. +500ms for all subtitles, or expand/shrink the whole duration)
• Show before-and-after text diff (using the text-diff JavaScript library)
Screenshots