本文中涉及的FastStone Capture和FFmpeg两个软件的百度网盘链接:

链接:https://pan.baidu.com/s/1D5LO9Qmjl-vwJZfnbAloyQ
提取码:56u8

(本文提供教程参考或官网链接,如果文章中没有讲清楚的地方可自行前往参考链接协助理解~)

1.FastStone Capture录制项目操作视频

使用教程参考:https://jingyan.baidu.com/article/ae97a646ce50c2bbfd461de8.html

①下载软件傻瓜式双击安装即可(安装了可以试用30天,网上搜一下关键字“FastStone Capture注册码序列号”,大概率可以通过)

②选择录制视频

③根据需求选择录制设置(我这里选了局部录制)

④框选录制部位选择开始

⑤录制完毕停止录制并选择保存(save)即可

2.使用FFmpeg转gif:

官网:http://www.ffmpeg.org/

使用教程:https://blog.csdn.net/danielpei1222/article/details/61916435

①下载了软件-解压缩-进入bin文件夹看有没有ffmpeg.exe文件

②windows系统快捷键【win+R】-输入cmd回车

③进入ffmpeg的bin文件夹-输入命令ffmpeg -version查看ffmpeg能不能用

④输入视频生成GIF图片的语句:

ffmpeg -i “视频文件路径” -y -s 生成文件宽x生成文件高 -f gif  “gif文件保存路径”)

例如:ffmpeg -i "D:\tools\录屏\works\小程序demo.wmv" -y -s 392x684 -f gif "D:\tools\录屏\works\demo1.gif"

⑤去看保存路径里面有没有生成文件

3.在github项目添加README.md动态展示项目

①把生成的gif拷贝到本地仓库文件夹(比如我放到了images文件夹)

②在本地仓库添加一个README.md文件

README.md内容如下(简单粗暴)

# 展示
<img src="https://github.com/GugaLiz/GamePunishment/blob/br/2.x/images/demo1.gif" alt="show" />

这个src地址就是你放到本地仓库images推送到远程仓库后生成的地址https://github.com/你的账号名字/repositories项目名字/blob/Branch名字/文件夹名字/图片名字.gif

# 展示
<img src="https://github.com/GugaLiz/GamePunishment/blob/br/2.x/images/demo1.gif" alt="show" />

README.md

③把这两个新增的文件推送到github上

 FastStone Capture zhucema xuliehao:
  name/用户名:TEAM JiOO
  key/注册码:CPCWXRVCZW30HMKE8KQQUXW
  USER NAME:TEAM_BRAiGHTLiNG_2007
  CODE:XPNMF-ISDYF-LCSED-BPATU
  RPTME-IMDHD-MIEPX-VLXAW
  企业版序列号:
  name:bluman
  serial/序列号/注册码:VPISCJULXUFGDDXYAUYF

以上~

Thanks♪(・ω・)ノ感谢我胖汾百宝袋、问一问啥都有系列~

视频转成在github的readme中展示项目的gif动图的更多相关文章

  1. github在README中展示demo

    2017年更新,现在github再master分支直接就可以操作,所以我改了这篇文章   问题所在? 解决办法? 博主建议? 一:问题的所在 相信很多小胖友们在把自己的网页上传到github仓库中,都 ...

  2. CSS3 animation属性中的steps实现GIF动图(逐帧动画)

    相信 animation 大家都用过很多,知道是 CSS3做动画用的.而我自己就只会在 X/Y轴 上做位移旋转,使用 animation-timing-function 规定动画的速度曲线,常用到的 ...

  3. Eclipse 中 Spring 项目的 XML 配置文件报错 Referenced file contains errors

    原来运行正常的项目,突然在applicationContext.xml 文件头报错 总结一下网上的解决方案: 1.有可能网络状况不好导致 如果使用Maven构建项目,spring在加载xsd文件时总是 ...

  4. eclipse中java项目的build path详解

    BuildPath中只支持加入jar文件,具体方法如下:在eclips里在工程名上右键->build path->contigure bud path->java build pat ...

  5. 修改eclipse中web项目的server部署路径

    和MyEclipse不一样,在Eclipse中做的Web项目默认是不支持将项目发布到Web服务器上的,会发布到工作空间的某个目录,因此无法在外部启动Tomcat来运行Web项目,只有打开Eclipse ...

  6. eclipse中java项目的build path详解(转载)

    BuildPath中只支持加入jar文件,具体方法如下:在eclips里在工程名上右键->build path->contigure bud path->java build pat ...

  7. Eclipse中spring项目的XML文件的问题

    XML文件提示Start state definition is missing. Add a 'start-state' element 原因:Eclipse 认为 XML 是“Spring Web ...

  8. 在myeclipse中换项目的jdk版本,你需要做哪些?

    首先,我们必须把jdk在系统中安装好,环境变量配好,才能进行下一步的操作…… 然后在点击项目,右键选择Properties,找到Java Build Path,拉倒最下面,把原来的jdk版本给remo ...

  9. 在 GitHub 上玩转开源项目的 Code Review

    一.幕后故事 时光荏苒,岁月如梭-- (太文绉绉了,这不是我的风格) 今天我准备聊聊在 GitHub 上如何玩 Code Review. 突发奇想?心血来潮?不是. 咋回事呢?(对八卦不感兴趣的可以直 ...

随机推荐

  1. Python爬虫运用正则表达式

    我看到最近几部电影很火,查了一下猫眼电影上的数据,发现还有个榜单,里面有各种经典和热映电影的排行榜,然后我觉得电影封面图还挺好看的,想着一张一张下载真是费时费力,于是突发奇想,好像可以用一下最近学的东 ...

  2. Java设计模式14:建造者模式

    什么是建造者模式 发现很多框架的源码使用了建造者模式,看了一下觉得挺实用的,就写篇文章学习一下,顺便分享给大家. 建造者模式是什么呢?用一句话概括就是建造者模式的目的是为了分离对象的属性与创建过程,是 ...

  3. 安装tomcat出现的问题

    今天在安装tomcat时出现了配置环境不对的问题. 在正确配置Tomcat环境变量后,遇到很多次运行startup.bat后,一个窗口一闪而过的. 解决方法: 1.在tomcat的目录下选中start ...

  4. Nginx总结(三)基于端口的虚拟主机配置

    前面讲了如何配置基于IP的虚拟主机,大家可以去这里看看nginx系列文章:https://www.cnblogs.com/zhangweizhong/category/1529997.html 今天就 ...

  5. 关于简单递归在python3中的实现

    话不多说,奉上代码: #倒计时 def count_down(i): if i <= 0: return else: print(str(i)) count_down(i - 1) #求阶乘 d ...

  6. 深度解密Go语言之 scheduler

    目录 前置知识 os scheduler 线程切换 函数调用过程分析 goroutine 是怎么工作的 什么是 goroutine goroutine 和 thread 的区别 M:N 模型 什么是 ...

  7. Jconsole/jvisualvm远程监控weblogic中间件配置

    1.进入linu操作界面,进入到启动服务目录下 2.选择要监控的服务的启动项,进入到编辑状态(注意:要先将该文件进行备份),如下图所示 3.修改USER_AGRS域,添加如下内容,注意修改IP USE ...

  8. .net core api服务端跨域配置

    第1步:添加包引用(.net core 2.2 已自带此包,可跳过此步骤) Install-Package Microsoft.AspNetCore.Cors 第2步:在Startup.cs文件的Co ...

  9. J farm

    #include<iostream> #include<vector> #include<algorithm> #include<cstring> #i ...

  10. Leetcode之动态规划(DP)专题-详解983. 最低票价(Minimum Cost For Tickets)

    Leetcode之动态规划(DP)专题-983. 最低票价(Minimum Cost For Tickets) 在一个火车旅行很受欢迎的国度,你提前一年计划了一些火车旅行.在接下来的一年里,你要旅行的 ...