Please sign in to access this page
Caption Editor
This project is an app that lets you create closed captions/subtitles for videos. Having captions available for videos is really important for accessibility but unfortunately many of the tools currently out there for this are very old with ugly and confusing interfaces. I am using web technologies to try and make a more modern and easy to use alternative so that anyone can easily write captions.
Followers
rayne cloudy
Check their projects out: NekoMIDE, rayne's fs, scratch.js, my new website
Ship Your Project
Get ready!
Once you ship this you can't edit the description of the project, but you'll be able to add more devlogs and re-ship it as you add new features!
Timeline
The open button will now load the captions from a file and replacing the existing captions. This means that the user can now both save and load files.
Added a file open and save dialog which will be used for opening video and caption files and saving caption files.
Fixed bugs where the current caption would not update while seeking through the video if it was paused, as well as stopping the user from setting impossible start and end times for captions.
You can now edit the captions by typing in the boxes on the right, and it will update in the video player. This means you can finally actually start writing multiple captions with custom text.
.png)
Added support for creating a new caption, which now also checks if it overlaps with an existing one. The new caption can be created by clicking on the plus icon in the top right corner of the editor.
(I came back to this project after a while and have realised that the previous devlogs were not very descriptive, so I will aim to post them more frequently now!)
I created the base code for the Caption Editor, including a video player, timeline, and a panel on the right which will be used for actually editing the captions. It also has an aesthetically pleasing style which I made with CSS.
Currently it can only display captions, but I will adapt it in the future to include the editing functionality. The app is made using Svelte and Electron.
