本文中涉及的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. FIS 插件机制

    FIS 插件机制 author: @TiffanysBear 当我们使用 FIS 插件的时候,有没有想过自己也开发一个基于 FIS 的插件,参与 FIS 打包编译的整个流程:那么问题就来了: FIS ...

  2. python相关性算法解决方案(rest/数据库/json/下载)

    1. 场景描述 一直做java,因项目原因,需要封装一些经典的算法到平台上去,就一边学习python,一边网上寻找经典算法代码,今天介绍下经典的相关性算法,算法原理就不介绍了,只从代码层面进行介绍,包 ...

  3. C# 读取Word内容控件

    在Word中,借助内容控件,可设计出具有特定功能的文档或模板.以下表格中简单介绍了几种常用的内容控件. 名称 简介 下拉列表内容控件 下拉列表包含了一个预先定义好的列表.和组合框不同的是下拉列表不允许 ...

  4. Delphi - 使用Pos、Copy函数定位和截取字符串

    使用Pos函数来定位子字符串第一次出现的位置 函数定义: Function Pos(Substr: String, S: String): Integer; 表示取出Substr在S中第一次出现的位置 ...

  5. Eureka(一)术语详解(用具体的事物理解抽象的概念)

    最近工作较闲,所以自己研究了下eureka的原理,实现,和集群搭建等.(注:我没实操过eureka集群项目,都是自己做的demo产生的结论,如果有错误欢迎指出) 首先说一下我对eureka的一些术语的 ...

  6. Android Studio安卓学习笔记(三)Android用户界面的设计布局与组件(一)用户界面布局设计(1)

    当我们创建了一个安卓项目后,我们会发现真正建立一个完善的安卓项目并不是想象的那么容易.其实和设计GUI可视化界面一样,开发安卓也需要考虑很多方面,主要考虑的还是界面布局和需要的组件. 一:Androi ...

  7. HDU2485Destroying the bus stations 拆点网络流求割点个数

    题目地址:http://acm.hdu.edu.cn/showproblem.php?pid=2485 题目要求:删除最少的点,使得源点到汇点的距离大于k 思路:拆点.建图求费用小于等于k的最大流 # ...

  8. 【转载】Why Learning to Code is So Damn Hard By Erik Trautman

    原文网址:https://www.thinkful.com/blog/why-learning-to-code-is-so-damn-hard/ 在罗老师的<算法竞赛 入门到进阶>总看到了 ...

  9. requests + BeautifulSoup + json

    requests: response.text      以 unicode 格式显示响应的文本 response.content    以 二进制 格式显示响应的文本 BeautiSoup: sou ...

  10. d3.js 实现烟花鲜果

    今天在d3.js官网上看到了一个烟花的DEMO,是canvas制作的,于是我想用d3.js来实现它,js代码只有几行.好了废话不多说,先上图. 1 js 类 因为烟花要有下落的效果,所以里面用到了一些 ...