キー入力を表示しつつスクリーンキャプチャ動画を作成するためのツール（無料）

Webサービスの紹介ページや GitHub の README などでよく見る、こんな感じの動画や gif アニメ。

スクリーンキャプチャ動画の右下にキー入力が表示されてるやつ。

これ、どんなツール使えば自分でも作れるんだろうと思って調べてみた。

こちらの記事を参考にしました。

一番上に紹介されていた KeyCastr というツールが良さそう。
Homebrew でも入れられるそうですが、私は普通に以下の URL から dmg をダウンロード。
その後の設定もサイトに記載されている通りに行って問題ありませんでした。

（2015/08/24追記）

似たような名前の KeyCast というツールもあった。
こちらの方が比較的最近まで開発がされていたようなのでいいかも。

（追記ここまで）

mac の場合は Quicktime Player で十分だと思う。
さくっと取れるのと、多少前後撮りすぎても簡単にトリムできるので。

これは色々方法が考えられるんだけど、大きく「1. CLI で行う方法」と「2. アプリで行う方法」がある。

ffmpeg + gifsicle という組み合わせか、ffmpeg + ImageMagick という組み合わせが選択肢としてあるよう。

参考

両方試してみた感想としては、後者の方が画質はよさげ（設定の問題かもしれない）。
ただけっこう時間がかかる。

コマンドはこんな感じ。

$ mkdir frames
$ ffmpeg -i input.mov -r 50 frames/%03d.png
$ convert -delay 2 -layers optimize frames/*.png output.gif
$ rm -rf frames

-r と -delay の値は要調整。

PicGIF Lite というソフトが使ってみた感じ簡単そう。

どっちの方法にせよ、動画と同じ速度になるようにフレームレートを調整するのが難しいというのと
できあがりのサイズが大きすぎるという問題がある。

ただ、これはツールの問題というわけではないのでもうちょっと勉強する。

キャプチャ動画を gif ファイルとして作成する方法ですが、ここの記事で紹介されてる Gyazo GIF というのもイイ感じです。

キャプチャした動画を gif または mp4 で簡単に保存することが可能だが、7 秒までという制限がある。

dackdive's blog