The proper successor to Bombay TV, an oldschool video subtitling platform. Mumbai TV is a platform for subtitling and sharing short (generally <30s) pre-submitted videos.
All videos available on the platform are to be considered as "Fair Use" as the goal of the platform is to provide humour, entertainment and enjoyment to its users and will never be monetized in any way.
- Clone the repo to your machine
git clone [email protected]:Jonesus/mumbaitv.git - Run
npm installto install project dependencies - Run
npm run devto start the development server - Open a browser to
http://localhost:3000
If you want to fork this project, it is recommended to host your own media to be subtitled, as there is be no guarantee that the currently available video clips will be there in the future.
Mumbai TV is a server-side rendered Next.js app hosted on Now.sh built using TypeScript and Styled Components. The core functionality (creating and viewing subtitled videos) works completely in-browser with all necessary data stored in the URLs. Videos, their thumbnails and initial subtitling timestamps are fetched from a remote file server that includes no other logic than serving files.
The only backend functionality comes from being able to "save" subtitles as cleaner short urls and from being able to give videos a title for public listing on the website. This mostly-backendless approach allows for quite private sharing of inside-jokes for example, as sharing a raw and long URL leaves nothing behind anywhere in the app architecture.
The editor exposes the subtitles to a <video> element in WebVTT format encoded as Base64. The curious minds can extract and decode it from the rendered html code, or by grabbing the sub query parameter from an already subtitled video!
All contributions to the codebase are welcome! If you find any bugs don't hesitate to open an issue or a PR. When opening an issue, please try to include step-by-step instructions on how to reproduce the problem you got, so that figuring out a fix is feasible.