❖ 终端录屏程序`asciinema`

对于经常要写开发教程和攻略来说，GIF动图能增强不少说明力。问题是，录制视频再转GIF太麻烦，直接用一些GIF录屏也躲不过图片体积太大：动辄好几MB这一关。
所以这时候我们就要让流行的asciinema命令上场了。它能轻松录制你在终端里的所有操作，把所有动作保存为JSON文档，而不是真的录制视频，所以文件都极其小。要播放的话可以直接用它的命令播放。要转换GIF的话有相关的转换器，转换后体积都不会比直接录制屏幕大。

rec

Mac安装：

$ brew install asciinema

Pip安装：

$ pip install asciinema

录屏：

$ asciinema rec <output-file-name>

其中可以指定输出文件的名字，扩展名可以是*.json,*.cast都行，随意。
本质上文件是一个JSON格式的数据集，记录了每个步骤细节。如果不指定文件名也可以，程序会自动生成一个文件，并显示输出的文件路径。
所以，程序制成的格式是不能用视频播放器或GIF播放器播放的，只能用asciinema程序播放。

播放：

$ asciinema play </path/to/file>

按Ctrl-c退出播放。

附加/覆盖：

# 在已经录制的文件后附加录制内容：
$ asciinema rec <output-file-name> --append

# 覆盖已经录制的文件
$ asciinema rec <output-file-name> --overwrite

对Tmux录屏

对一个Tmux录屏，需要先退出tmux，然后通过asciinema进入tmux的指定session进行录制。
如下：

$ asciinema rec --command "tmux attach -t session-name"

录制结束后，不要直接Ctrl-D退出，而是先prefix-d退出Tmux，再Ctrl-c结束录制。

asciinema转换为GIF图片

有时候我们需要把录屏结果显示到网页上，那么就需要转换为GIF图片了。
asciinema程序自身没有转换功能，但是官方开发了一个NodeJS版本的程序用来转换：
参考：asciinema/asciicast2gif

前提是本机已经安装：NodeJS，ImageMagick和giflossy (或gifsicle)。

Mac安装过程：

brew install ImageMagick gifsicle node
npm install --global asciicast2gif

转换：

$ asciicast2gif </path/to/INPUT.json> </path/to/OUTPUT.gif>

如：

image

转换过程很慢，但是文件非常小，远比自己直接录屏要小很多。
比如下面的GIF，直接视频录屏转GIF的文件是7M左右，通过减少帧率和显示效果文件在1M左右，而用asciinema转换为GIF超清晰原画，只有237Kb。可见一斑。

rec rec

有时候如果文件比较大，可以选择在转换前选择降低显示效果。
asciicast2gif降低效果的方法是设置Environment Variable环境变量GIFSICLE_OPTS。比如：

$ export GIFSICLE_OPTS="-k 16 -O3"
$ asciicast2gif </path/to/INPUT.json> </path/to/OUTPUT.gif>

# or
GIFSICLE_OPTS="-k 16 -O3" asciicast2gif </path/to/INPUT.json> </path/to/OUTPUT.gif>