录制iPhone屏幕并转成gif方案

app的开发经常会碰到需要演示一个交互,或者一个bug的情况,通常涉及一连串的操作以及操作的反馈,这是文字,或截图都无法表达的,视频的话还得播放器参与,最好的一个想法应该是录制屏幕然后再转成gif图片了.
这涉及两个知识点,如何给iphone录屏,以及如何把.mov文件转成.gif文件.

如何给iPhone录屏

所幸osx 10.10(yosemite)已经直接支持用QuickTime Player来直接给iPhone来录屏了:

1. USB连接手机到mac
2. File -> New Movie Recording 打开录制器
3. 然后在表示录制按钮小红点旁点右边的箭头符号(音视频源选择),选择视频源是iPhone就可以了
4. 开始录制
5. “Save”或”Export”,选择”Export”的好处是可以选择保存质量,用于网络分享的情况下,就不需要保存高清的了

如何将将视频转为gif文件

1. 在线转,自己搜.这个方案不推荐,因为浪费了视频上传的时间
2. 用工具转,比如gifrocket, 同样,自己搜,涉及到工具的事,网上总是很多的. 其次,win平台下此类工具更多, QQ影音都自带了这功能
3. 有人做了截屏完毕就直接上传到服务器,并且生成外链地址的服务:gyazo,可惜只能截电脑屏幕. 不过通过AirPlay之类的把iPhone镜像到电脑上后,也是可以达到目的的.这个方法最省事,因为分享也帮你做了
4. 极客一点,一句命令搞定,不做教程了,参考如下链接https://gist.github.com/walkerwzy/starred(这个gist后面的留言里面也有一些推荐和一系列衍生脚本)

对于最后一条,做个说明:

你要先把homebrew装一下:

ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

其它的,诸如ffmpeg和xquartz, gifsicle都装好后,一句命令即可

ffmpeg -i in.mov -s 320x640 -pix_fmt rgb24 -r 25 -f gif - | gifsicle --optimize=3 --delay=3 > out.gif

其中,-r设帧率, -s设导出分辨率, in.mov和out.mov分别是可自定义的源文件和目标文件名.

最后,其实也可以自动分享,当你导出gif后,是自动上传到dropbox,还是ssh或者ftp到我们自己建的服务器,就多一句脚本的事,留给你们自己练习吧