前言
我們在各大技術論壇經常會看到別人寫的代碼示例經常會附加有動態的gif演示效果圖,這樣會給別人比較好的效果展示,基本的思路就是錄制手機上的操作視頻,然后把視頻格式轉化為gif動態圖,可是之前發現使用錄屏大師等軟件錄制出來的視頻格式好像有問題,經常轉化失敗(錄制的視頻比較短的時候還不能剪輯),以至于之前總是貼上靜態的圖片,現在在Android4.4上集成了視頻錄制功能,可以通過adb screenrecord命令來實現(做Android開發,不要告訴我你不懂adb命令哦),這不是什么高大上的技術,只是一個偷懶的操作過程。
一:win+R輸入cmd打開命令窗口:
在里面輸入adb命令,測試一下adb命令是否可用:
這里顯示adb命令不可用,解決辦法有兩種:一種就是cd進入adb.exe的目錄執行命令,另一種就是把adb添加到系統的環境變量里面(跟java的環境變量類似),這里為了演示,兩種方法都試一下。
1:使用cd命令加載
D:\Android\android-sdk_r24.3.2-windows\android-sdk-windows\platform-tools這個是我的sdk目錄
2:添加到系統的PATH變量里面(我這里是win10系統,可能和win7的環境變量界面不太一樣),然后點擊確定:
開始錄制
使用命令:adb shell screenrecord/sdcard/movie.mp4
錄制手機屏幕,視頻格式為mp4,存放到手機sd卡(機身不是sdcard)里,默認錄制時間為180s,你也可以限制錄制的時間,指定分辨率等。這里就采用默認的方式。
輸入命令之后就可以錄制,Cttrl+c可以終止,然后就會在sdcard(機身存儲)下面有一個movie.mp4錄制好的文件。
PS把視頻轉化為gif格式圖片:
打開ps,選擇“文件--->導入---->視頻幀到圖層”。把視頻文件導入到ps,當然你也可以直接拖著視頻放入ps,這也是可以的。
在下面的時間軸可以對動畫的幀數進行設置
最后保存為web所用格式
這個過程稍微有點慢,受文件大小和電腦配置影響
點擊保存即可
奉上制作的效果圖: