The editor to create WebVTT how subtitles at html5 video.
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
data
src
test
.editorconfig
.gitignore
LICENSE
README.md
package.json
tsconfig.json
tsconfig.main.json
webpack.config.main.js
webpack.config.renderer.js

README.md

WebVTT-Editor

日本語りどみ

注意:開発版につき、見た目だけのハリボテ要素など多々ある

これなん

HTML5の<TRACK />で使える字幕ファイル規格「vtt」のタイムスタンプを、動画見ながらしこしこ打てるやつ。 機能は増える予定。

インストール方法

インストールしたいフォルダの親フォルダで以下のコマンドを入力されたし。

git clone https://github.com/Sotalbireo/WebVTT-Editor.git && npm i

つかいかた

~/WebVTT-Editorにインストールしたとします。

  1. ~/WebVTT-Editor/data/フォルダ内に「video.mp4」という名前で動画ファイルを保存して
  2. ~/WebVTT-Editornpm startまたはnpm run electronすると立ち上がります。
  3. がんばれ

キーボードショートカット

key action
Shift-c 動画を10分戻す
c 動画を1分戻す
v, ← 動画を10秒戻す
b コマ送り
n, → 動画を10秒送る
m 動画を1分送る
Shift-m 動画を10分送る
i 字幕キューの開始点を打つ
p 字幕キューの終了点を打つ
o 字幕キューの終了点と開始点を打つ(p,iの連打に相当:キュー間に空白が開かない)
\ 直前の[ipo]の打刻を削除する(直前のみ)
Ctrl-s 字幕ファイルを上書き保存する(現在はdata/subtitle.vtt固定)

開発環境

よその環境を試していないので、問題があったら揃えてみてください。

  • Windows 7
  • Node 8.9.3 (LTS)
  • npm 5.5.1