Skip to content
An app for making subtitles in your browser, built with React, Typescript and Firebase
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
public update icons Mar 20, 2019
src upgrade captioner to latest sancho Apr 14, 2019
.gitignore
LICENSE explicitly add a license (bsd-3) Apr 14, 2019
README.md
captioner.jpg add branding May 7, 2019
firebase.json
firestore.indexes.json
firestore.rules
package.json
tsconfig.json
yarn.lock

README.md

Captioner.app


Captioner.app is a web app that allows you to produce SRT files for mp4, YouTube, or Vimeo videos directly in your web browser.

It's built using the Sancho-UI design system, Firebase, Typescript, React and Emotion.

Try it out here.

Running locally

This project is built using create-react-app, typescript, and firebase. To get it running properly, you'll need to create your own firebase application and export your firebase configuration in a file at src/firebase-config.ts. The config should look something like this:

// src/firebase-config.ts
const config = {
  apiKey: "myapikey",
  authDomain: "my-auth-domain.firebaseapp.com",
  databaseURL: "my-db-url.com",
  projectId: "my-pid",
  storageBucket: "my-storage-bucket",
  messagingSenderId: "my-sender-id"
};

export default config;

You'll also need to install the local dependencies using Yarn or NPM.

yarn

Finally, run:

yarn start

This runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

Deploying

Use firebase-cli to initalize a project in the root directory. Then build your project and deploy.

yarn run build
firebase deploy

License

BSD 3-Clause, see the LICENSE file.

You can’t perform that action at this time.