Android屏幕录像转换GIF解决方案

迷南。 2022-07-24 07:16 217阅读 0赞

作为一个Android开发人员，经常需要把UI效果录制下来，有时候要给远程客户看效果，有时候要录制demo写博客或者教程，客户和QA也需要录制一些bug的表现给开发。在网上查阅了很多录屏的方法，但都不是很好用。比如有人推荐用“录屏大师”这样一款软件，我在手机和模拟器上都报错失败；还有人推荐用adb的adb shell screenrecord指令去录制，但是命令行一直提示“device not found”，那么有没有一种录制出来视频清晰度高，容量小，码流和帧率合适的方法呢，又如何把录制好的视频转换成清晰度高，观看流畅的gif呢。

在某度上来来回回查询了许多方案均以失败告终，总结出来目前Android录屏功能的现状

1、免费的模拟器几乎都不支持录屏功能，比如天天，夜神。。。收费模拟器GenyMotion号称支持录屏，但是我没试过好不好用（如果有人发现好用的录屏模拟器一定要告诉我）

2、手机真机几乎全部没有原生的录屏功能（MIUI，Flyme等等定制系统里面都没见有）

3、有很多第三方app专门用于录屏功能，是目前一种比较成熟的方案，adb shell screenrecord指令虽然有人说，但是用的不多

再去问谷歌，谷歌第一条就给了我一系列专门用于屏幕录制的app，各有特色，原文地址：http://www.hongkiat.com/blog/android-screen-recording-apps/

这里推荐一款我用起来感觉还不错的一款app：Rec.

GooglePlay下载地址：https://play.google.com/store/apps/details?id=com.spectrl.rec

如果你没有翻墙，或者手机没有安装谷歌框架，推荐一个可以直接下载其apk包的地址：https://apkpure.com/region-free-apk-download，将上面的url复制到它的大输入框里就能下载相应apk了，但是从这里下载的apk在关闭时会经常弹出一个全屏的广告

在我魅蓝note2（Android 5.1）上可以很流畅的运行，录出来的视频也清晰没有卡顿，30秒钟视频大小在2m左右，在天天模拟器上不能进行录制，有知道原因的朋友希望能告诉我。

这个app可以做很多实用的配置，如下图：

![Center][]

这里的size就是输出视频文件大小，它的默认值为手机屏幕的像素数，比如720x1280,1080x1920，这里我推荐使用720\*1280 8m码流，这个配置已经可以清晰的看到屏幕上所有的元素了，而且可以减少视频文件的大小，延长录制时间

Bit rate:这里在1280\*720的分辨率下使用8m码流（注意这里是动态码流，也就是说你的页面元素越复杂生成的视频文件就越大）已经可以清晰的显示页面元素了。这里要提示一下，8M为最大的动态码流，如果你的页面5颜六色或者有大量的图片要展示，使用8m录出来很卡的话，建议增大这个码流率，如果页面元素非常简单，颜色也比较统一，就不用管了。

Duration：录制的时间，默认5分钟，时间越长相应的视频文件大小也就越大，根据实际需要来设置，一般20-30s就足够应付日常需要（注：这个软件的免费版最长只支持录制5分钟，可以在app内购买）

Audio：是否录制声音（注：免费版最长支持录制30s的声音）

FileName：录制好文件的文件名，默认storage/emulated/0/Movies/screen-recording.mp4,文件放置的目录可以在app的setting页里设置，第一行就是

![Center 1][]

这个app有个很人性化的功能，就是在点击了record以后会用toast的形式进行10s的倒计时,在这宝贵的10s中里可以迅速切换到自己需要录制的app，并做好准备

![Center 2][]

如果录制到一般不想录了，可以下拉状态栏，点击取消

录制时间结束以后，可以用手机自带的文件浏览器storage/emulated/0/Movies/文件夹下浏览刚刚录制好的文件，并且可以用手机自带视频播放器打开

![Center 3][]

据我的录制结果来看，一个画面元素少，颜色单一的，30秒视频录像，320\*640，大小约在2-3m，非常节省空间，甚至比一张照片都小

在录制demo的时候，推荐把触摸位置也展现出来，方便观看者想象你的手指移动，方法是进入安卓系统的设置->开发人员选项->显示触摸操作 打开

![Center 4][]

这样在点击屏幕的时候就会有小白点表示出来

那么一个更复杂的问题，如何将录制好的MP4文件转换成gif动图呢

我再百度上搜索解决方案，多数都提示我下载一些格式转换软件，我用了一下“格式工厂”，和“视频GIF转换器1.2.0 免费版”，转换出来的gif颜色糊成一块，而且非常卡顿，基本没法看。如下图

![Center 5][]

于是我又去问谷歌

习惯性的打开谷歌第一个给出的地址http://ezgif.com/video-to-gif

这是一个在线转换是文件到gif图片的网站，虽然是在线转换，但是却非常专业，可以调很多有用的参数，最重要的是转换完后的图片质量甩上面两款软件十条街

步骤也很简单：

需要先上传给它一个视频文件（60m）一下，大小越低越好

![Center 6][]

出乎我意料的是在上传完毕视频文件后，这个网站居然还支持视频的预览，还可以控制生成gif的时间段，帧数，大小等，我都快感动哭了

![Center 7][]

Start time 填开始转换的起始点秒数

End time 填结束时候的秒数，也可以在视频预览框里拖动滑块然后点击蓝色按钮自动帮你填

size 使用320\*AUTO可以达到文件大小和清晰度的平衡，推荐选择，默认的比较大，不要使用默认

Frame rate：每秒帧数，默认是10，这样播放起来比较卡顿，建议选择20

其他的不用管，直接点击convert然后下载就好，下面给一个我转好的例子（csdn会对图片进行一定程度的压缩，看起来要比我上传的gif要模糊一点）

注意：同一个gif在ie下和在chrome下显示的流畅度是不同的，ie下会卡很多

![Center 8][]

[Center]: /images/20220722/c76eb56ab88d4e169f161163be83c5d9.png
[Center 1]: /images/20220722/12b5dde92d9646c2aefe5de226ced94e.png
[Center 2]: /images/20220722/137bcd57854147ddbc0001c7b3252752.png
[Center 3]: /images/20220722/72f3a985fd80406cabed6e74df46cdb1.png
[Center 4]: /images/20220722/de09e2cf3c6e44e19db55d7e8c983093.png
[Center 5]: /images/20220722/af44fcca8a1d4a17af7b45f37548b5b2.png
[Center 6]: /images/20220722/489b308f2df14ca9853ab76b2fed5f18.png
[Center 7]: /images/20220722/16ea4731c9a7478b963b729464b4ab11.png
[Center 8]: /images/20220722/ccfab08595d5482994ff43ba864ee832.png