分享 Android 手机屏幕录制并制作成 GIF 演示图片

最新推荐文章于 2023-03-10 14:20:54 发布
最新推荐文章于 2023-03-10 14:20:54 发布
阅读量9.2k 收藏 5
点赞数 7
分类专栏： Android 文章标签： android GIF PS视频处理 视频转GIF 屏幕录制
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qiujuer/article/details/42506741
版权

========================================================
作者：qiujuer
博客：blog.csdn.net/qiujuer
网站：www.qiujuer.net
开源库：Genius-Android
转载请注明出处：http://blog.csdn.net/qiujuer/article/details/42506741

——学之开源，用于开源；初学者的心态，与君共勉！
========================================================

声明

本教程，也不应该叫做教程，反正就是毫无技术；只能说是纯手工打造，当然需要完成该教程还是需要你动动手指才行滴~~

话说主要是前3天连续写了3天长文章的博客，一章比一章用心，最后一章写到了昨晚1：30才写好；汗~真的是Hold 不住了；今天就来一个轻松一点儿的吧~~

为什么？

  • 自己想分享手机屏幕短片给朋友看看怎么办？
  • 想给你的软件做一个展示GIF怎么办？

不知道还有没有其他原因；我就这么两个了~~

开工

这个就来一个3部曲吧，走起！！！

录制

前提：手机版本》=4.0；电脑有 adb

现在手机用数据线连接你的电脑，就是两边都用USB插上~~

电脑 CMD 命令输入：adb shell screenrecord /sdcard/movie.mp4


如果显示如上面所示则进入了录制了~~然后动动你的手指在手机上操作操作~~~

在录像过程中，可以随时按下Ctrl+C快捷键终止录制操作。


此时进入你的手机文件中，查看SD卡根目录是不是多了一个 movie.mp4；现在把该文件拷贝到你的电脑上~~

注意：

  1. 只能使用adb命令
  2. 最长时常180秒
  3. 没有同步声音


导入PS

前提：PS 软件一枚

打开PS：文件-导入-视频帧到图层


等待一回儿，具体多久看自个电脑了，然后会弹出选择视频文件，此时选择我们的  movie.mp4 文件

选择后，我们可以微调一下开始时间和结束时间，另外可以调整一下转换后的图片密度，最后确认。


切换窗口模式：窗口-工作区-动感


然后自己调整 调整 你的时间速度。

导出GIF

调整好了，现在就保存为GIF吧。

点击：文件-存储为Web所用格式...

选择类型：GIF 类型


为了让你的文件更小，你可以在进入前调整图片的整体大小；同时可以调整其中的颜色与仿色值。

最后点击 存储 吧~~~~

注意：如果你的视频的像素较高，那么在PS中可能会占用大量内存，这个要有心理准备啊~~

成果


总的来说教程较为简单，今天早上起来看的时候恰好看见有人问怎么截图的，这个就巧了~~哈哈~~~

========================================================
作者：qiujuer
博客：blog.csdn.net/qiujuer
网站：www.qiujuer.net
开源库：Genius-Android
转载请注明出处：http://blog.csdn.net/qiujuer/article/details/42506741

——学之开源，用于开源；初学者的心态，与君共勉！
========================================================


Qiujuer
关注
  • 7
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 6
    评论
专栏目录
制作一份手机录屏的 GIF 动态图片
逆雪残阳的博客
10-07 3920
制作一份手机录屏的 GIF 动态图片在前两天我写了一个关于时间轴的文章，当时在文章里面提到过不会制作 GIF 图片，越来越感觉不合适，毕竟看到好多大牛的博客、还有 GitHub 上的项目，好多都有 GIF 图片来演示项目。毕竟 GIF 动图更加生动形象，要比单纯的图片来展示强得多，随后我“百度一下”，倒是找到了不少的方法，不过好多文章还是有局限性的，我是总结了好多种方法，找到了最适合我自己的一种方法
android屏幕录制
fengzhihun7的博客
11-30 5728
Android低版本需要实现屏幕录制，据我目前了解到的，都是需要获取Root权限才行。 本文介绍的屏幕录制是居于Android5.0及之后Android API实现的屏幕录制，以及录制后编码成h264格式保存到文件。屏幕采集主要使用类MediaProjection 和 MediaProjectionManager。数据编码使用类mediacodec 一、录屏步骤 1、获取MediaProjectionManager（getSystemService(MEDIA_PROJECTION_SERVICE)） .
【Android】录屏功能实现——MediaProjection
小叮当不懒的博客
03-07 1万+
Android录屏功能实现—MediaProjection 不积跬步，无以至千里；不积小流，无以成江海。要沉下心来，诗和远方的路费真的很贵！ 参考博客：Android实现录屏MediaProjection以及相关异常解决 参考GitHub：github中最容易理解的Android录屏的版本 概述 Android录屏功能实现有很多种方式，这里记录最常见的一种，用Android自带的apk来实现，即使用MediaProjection来实现。 工具类 实现Android的录屏功能，需要用到一些工具类：MediaP
Android 录屏 实现
shelutai的博客
03-10 2118
Android 录屏 实现
三款免费好用的Gif录屏神器
热门推荐
爱穿格子裤的专栏
06-02 15万+
1. 免费开源的GIF录制工具ScreenToGif 官网地址：http://www.screentogif.com/ ScreenToGif，国外免费开源小巧实用的Gif动画录制工具！使用ScreenToGif， 可以将屏幕任何区域及操作过程录制成GIF格式的动画图像，保存过程还可以对GIF动画进行编辑优化。这款非常优秀的工具原生单执行文件，界面非常简单，功能很实用，它具有录制屏幕、录制摄像...
录制手机屏幕、手机录制GIF图
07-25
内涵视频教程，文字教程，还有使用工具。用于录制手机屏幕或者是制作手机屏幕的动态图GIF图
Android 录制手机屏幕视频生成GIF图片实例详解
08-31
主要介绍了Android 录制手机屏幕视频生成GIF图片实例详解的相关资料,需要的朋友可以参考下
Python-Python写的Android屏幕录制工具并转换成gif
08-12
Python写的Android屏幕录制工具并转换成gif
GIF录屏制作工具_录制屏幕生成GIF（C#工程源码）
04-27
通过录制屏幕的区域，区域可以是整个屏幕，或者很小的一块区域 可以是正在播放的视频 可以是网络上好看的gif图片的片段 可以预览生成的GIF图片 图片比较清晰 源码中可以修改gif质量 源码中可以修改gif帧数 通过鼠标...
手机上的 GIF 全能制作神器 for Android .rar
06-17
手机上的 GIF 全能制作神器 for Android
录制手机屏幕GIF格式动态图片的教程
10-14
android 记录手机操作行为并将其转换成gif图片
android 屏幕录制
12-01
可用于android5.0以上的屏幕录制
android 下的屏幕录制demo
11-04
自己花一个月实现的一个屏幕录制的demo，本不想开源的；可csdn积分不够了，把这个好的项目开源给大家。。如果不能用，可浏览联系我。
实现屏幕的录制功能
05-23
屏幕录制，通过代码实现屏幕的录制功能，android原生没有此功能。
Android手机操控及屏幕录制
08-06
一款实用的、可以帮助您利用PC控制Android手机并且对屏幕进行实时监控的创新型软件。 你可以： 在PC上操作Android手机； 在PC屏幕上观看手机视频； 通过PC键盘进行手机短信输入； 通过投影仪，清晰流畅地展示手机操作过程； 支持手机屏幕的录制和回放； 还可以在窗口中拖动安装应用； 通过Wi-Fi将手机连接至电脑。
android5.0屏幕录制
09-17
5.0下，使用MediaProjection进行屏幕录制的demo。 我比较懒，里面只放了实现的java类和xml，工程请自行创建。 另外这个demo源自android sample，我基本上没有改动，所以它其实只能算是屏幕捕捉，就是把屏幕内容在一个surfaceview里面显示出来，并没有把屏幕内容输出到视频文件中。 如果想看输出到视频文件的屏幕录制，请关注我的博客
利用Android Studio自带屏幕录制功能，生成GIF图片
wzgbgz的博客
07-31 7397
一篇好的博文总是离不开有图有真相，每次打开一篇博客，我们总是第一眼希望看到的不是demo源码，而是该demo运行的效果画面。相信大家肯定和我一样，总是想先看到结果之后再去深究其源码。本文将介绍如何使用Android studio自带屏幕录制功能生成一个APP运行时的GIF图片。这样在写博客的时候，就可以实现有图有真相了。话不多少请看如下讲解： 第一步：首先打开Android studio的  A
Android 录制gif图
mazaiting的博客
12-01 321
录制gif图思路: 把App操作过程录制成视频 根据视频转换成Gif 方法一:使用adb命令 在Android sdk下面有一些很有用的工具，adb位于platform-tools文件夹，开发者用它在设备上安装启动应用。(注: 如果经常使用adb工具，建议把sdk的文件夹路径添加到PATH环境变量中。不加入到环境变量中，每次启动adb都需要cd到pl...
如何用AS录制手机屏幕并转成gif动态图
zsr0526的博客
03-25 5126
如何通过视频文件来制作gif动态图
vue实现页面截图并转换成gif图片
最新发布
06-06
要实现页面截图并转换成gif图片，可以使用以下步骤： 1. 使用html2canvas库将页面内容截图生成canvas画布。 2. 使用gif.js库将canvas画布转换成gif图片。 以下是示例代码： 安装依赖： ```bash npm install html2canvas gif.js ``` 在vue组件中使用： ```vue <template> <div id="capture"> <!-- 要截图的页面内容 --> </div> <button @click="capture">截图并转gif</button> </template> <script> import html2canvas from 'html2canvas'; import GIF from 'gif.js'; export default { methods: { async capture() { const element = document.getElementById('capture'); const canvas = await html2canvas(element); const gif = new GIF({ workers: 2, quality: 10, width: canvas.width, height: canvas.height }); gif.addFrame(canvas, { delay: 100 }); // 添加多个帧时，可以使用for循环遍历添加每个canvas画布 gif.on('finished', function(blob) { // blob为生成的gif图片二进制数据 // 可以使用FileSaver库保存到本地 saveAs(blob, 'capture.gif'); }); gif.render(); } } } </script> ``` 以上代码中，使用html2canvas库将页面内容截图生成canvas画布，使用GIF库将canvas画布转换成gif图片，并使用FileSaver库保存到本地。在实际使用中，还需要根据需求调整参数和添加多个帧。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 6
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值