錄制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到我們自己建的服務器,就多一句腳本的事,留給你們自己練習吧