本文中涉及的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. SecureCRT软件的个性化设置

    工欲善其事,必先利其器.如果我们能花点时间把每天工作都要用到的SecureCRT软件设置的舒服一些,日后工作起来也是会心情愉悦.事半功倍的. 1.日志文件设置 2.窗口配色和关键字高亮 3.效果展示 ...

  2. 内容协商在视图View上的应用【享学Spring MVC】

    每篇一句 人生很有意思:首先就得活得长.活得长才能够见自己,再长就可以见众生 前言 在经过 前两篇 文章了解了Spring MVC的内容协商机制之后,相信你已经能够熟练的运用Spring MVC提供的 ...

  3. linux安装man中文手册并保留英文man手册

    大家都知道学习linux系统,查找man手册帮助是非常重要的,然而默认linux的man手册是英文文档,快速阅读英文man固然重要,不过配置好中文man也可以让自己更快速地学习!当然英文学习大家还是不 ...

  4. leetcode8 String to Integer

    题目描述 Implement atoi which converts a string to an integer. The function first discards as many white ...

  5. netty源码解解析(4.0)-20 ChannelHandler: 自己实现一个自定义协议的服务器和客户端

    本章不会直接分析Netty源码,而是通过使用Netty的能力实现一个自定义协议的服务器和客户端.通过这样的实践,可以更深刻地理解Netty的相关代码,同时可以了解,在设计实现自定义协议的过程中需要解决 ...

  6. pickle 都写文件

    import pickle mylist=[[1,2,3,4,5,6,7],["abc","xyz","hello"],[1,2,3,4,5 ...

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

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

  8. codeforces 755D. PolandBall and Polygon(线段树+思维)

    题目链接:http://codeforces.com/contest/755/problem/D 题意:一个n边形,从1号点开始,每次走到x+k的位置如果x+k>n则到x+k-n的位置,问每次留 ...

  9. JS数据结构第六篇 --- 二叉树力扣练习题

    1.第226题:翻转二叉树 递归+迭代两种实现方式: /** 反转二叉树 * Definition for a binary tree node. * function TreeNode(val) { ...

  10. 你不得不知道的HashMap面试连环炮

    为什么用HashMap? 简述一下Map类继承关系? 解决哈希冲突的方法? 为什么HashMap线程不安全? resize机制? HashMap的工作原理是什么? 有什么方法可以减少碰撞? HashM ...