動画をtriming&cutしてGyazoにuploadするUserScript
Page Menuから使う
いくつかのcomponentを作る必要がある
cut範囲を指定するComponent
つまみが2つあるsliderみたいなのを作る
時刻を直接入力して指定できるようにもする
triming範囲を指定するComponent
UIの実装
references
<span>で組み立てている
<div>で切り取り枠を組み立てている
mousedownを検知したら、離すまで移動量を検知し、その分動かしている感じ?
kakeruの縄なげツールは、<canvas>上に直接選択範囲を描画している cursorの位置からクリックした時の当たり判定をしている
cursorの変更はしてない。というかできない
cursor変更も反映できると親切かも
動画をpreviewするComponent
動画出力前のpreviewをやっている
動画の編集設定objectのformatを決める
動画の再生開始位置・再生終了位置
動画のtrimmingの範囲
外枠