roballsopp/vtt-creator

A tool for creating and editing Web Video Text Track (WebVTT) files in your browser.

VTT Creator

A tool for creating and editing Web Video Text Track (WebVTT) files in your browser.

Check it out at vtt-creator.com.

This repository, along with the backend app, is a full single page app and is open source mostly for portfolio reasons. I don't really expect/support usage of the source code. Use VTT Creator via the live hosted version at vtt-creator.com.

If you're actually interested in running this source code, you'll need:

• A Google Cloud account
  • VTT Creator will need a Cloud Storage bucket, access to the Cloud Speech to Text API, and a service account with appropriate permissions
• An AWS account
  • VTT Creator uses Amazon Cognito for user management
• A Paypal account
• PostgreSQL
• The VTT Creator Backend Application

To run this project, you'll also need to supply some environment variables to configure it:

API_URL=<url to wherever you've hosted to backend app>
SPEECH_TO_TEXT_JOB_TIMEOUT=<a number, milliseconds>
DEBUG=<true|false>
COGNITO_CLIENT_ID=<client id for aws cognito client>
COGNITO_DOMAIN=<client domain url for aws cognito>
COGNITO_USER_POOL_ID=<aws cognito pool id>
PAYPAL_CLIENT_ID=<your paypal client id>
SENTRY_DSN=<sentry.io dsn>

Development

Install dependencies with:

npm install

To run the app in dev mode, run:

npm start

By default, the app will be available at http://localhost:3000. To change the port, open up the webpack.dev.js file located in the project root and change the devServer.port entry to your desired port.

To run tests:

npm run test

This project uses karma for its test runner, which runs tests in headless chrome. If you don't have chrome installed, you might have to tweak the karma.conf.js file located in the project root to use a different browser.

License

No license is given. All rights reserved.

vtt-creator's Issues

Blank Screen

Hello,

I try to follow your install instruction for vtt frontend. However it's not working.
I have a blank site, when I go to http://localhost:3000

Best regards

License

I mean, you can fork the repo, then anything is possible. [...]

Originally posted by @roballsopp in #38 (comment)

Based on this: What is the license of this project?

I was only able to find one line containing "license": "ISC" inside the package.json but no copyright notice inside the files or any license file inside the repository.

Website adjusts to video size rather than video to screen size

Love this website, it's really helping out with our training we're developing. Our videos are high res due to them being screen recordings for a High DPI phone and when opening the video, the player changes size to accommodate the full size of the video rather than making the video fit within the size of the screen being worked on (hope this makes sense). I've attached a picture example.

broken links to vtt-creator backend

Hello Friend, first I would like to thank you for the excellent work you have done on this project!

The links to access vtt-crator backend are broken, could you make it available again?

I'm not interested in exploiting it commercially, but if you allow it, I'd like to use it in a non-profit project for editing and translating subtitles by making some modifications.

I couldn't let you make some updates, if it was possible to make them available it would be great!

Your VTT editor is simple and it works. Congratulations.