视频转成在github的readme中展示项目的gif动图
本文中涉及的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动图的更多相关文章
- github在README中展示demo
		
2017年更新,现在github再master分支直接就可以操作,所以我改了这篇文章 问题所在? 解决办法? 博主建议? 一:问题的所在 相信很多小胖友们在把自己的网页上传到github仓库中,都 ...
 - CSS3 animation属性中的steps实现GIF动图(逐帧动画)
		
相信 animation 大家都用过很多,知道是 CSS3做动画用的.而我自己就只会在 X/Y轴 上做位移旋转,使用 animation-timing-function 规定动画的速度曲线,常用到的 ...
 - Eclipse 中 Spring 项目的 XML 配置文件报错 Referenced file contains errors
		
原来运行正常的项目,突然在applicationContext.xml 文件头报错 总结一下网上的解决方案: 1.有可能网络状况不好导致 如果使用Maven构建项目,spring在加载xsd文件时总是 ...
 - eclipse中java项目的build path详解
		
BuildPath中只支持加入jar文件,具体方法如下:在eclips里在工程名上右键->build path->contigure bud path->java build pat ...
 - 修改eclipse中web项目的server部署路径
		
和MyEclipse不一样,在Eclipse中做的Web项目默认是不支持将项目发布到Web服务器上的,会发布到工作空间的某个目录,因此无法在外部启动Tomcat来运行Web项目,只有打开Eclipse ...
 - eclipse中java项目的build path详解(转载)
		
BuildPath中只支持加入jar文件,具体方法如下:在eclips里在工程名上右键->build path->contigure bud path->java build pat ...
 - Eclipse中spring项目的XML文件的问题
		
XML文件提示Start state definition is missing. Add a 'start-state' element 原因:Eclipse 认为 XML 是“Spring Web ...
 - 在myeclipse中换项目的jdk版本,你需要做哪些?
		
首先,我们必须把jdk在系统中安装好,环境变量配好,才能进行下一步的操作…… 然后在点击项目,右键选择Properties,找到Java Build Path,拉倒最下面,把原来的jdk版本给remo ...
 - 在 GitHub 上玩转开源项目的 Code Review
		
一.幕后故事 时光荏苒,岁月如梭-- (太文绉绉了,这不是我的风格) 今天我准备聊聊在 GitHub 上如何玩 Code Review. 突发奇想?心血来潮?不是. 咋回事呢?(对八卦不感兴趣的可以直 ...
 
随机推荐
- 学完JavaScript基础有感
			
紧接上一篇回来了,这几天一直学js,会不自觉的和其他的编程语言联系在一起,在没有学jQuery之前,结合我所学的c,java,数据结构,数据库以及部分html感觉到JavaScript里面又很多相似的 ...
 - Scrum 工件: 速度图和燃尽图
			
速度图 Velocity用于衡量scrum团队持续提供业务价值的速度,可以采用历史估算的方法,衡量一个又一个sprint的速度.团队通过跟踪完成达到自己团队完成标准的故事点的数量,就可以基于相对点值对 ...
 - Nginx + fastcgi + php 的原理与关系
			
CGI:Common Gateway Interface 公共网关接口,web服务器和脚本语言通信的一个标准.接口.协议[协议] FastCGI:CGI协议的升级版[协议] PHP-CGI: 实现了C ...
 - FineReport - 项目连接Oracle数据库
			
FineReport项目连接Oracle数据库 1:打开模板设计器,单击[服务器],选择[定义数据连接]: 2:单击[+],选择[JDBC]; 3:数据库选择[Oracle],驱动器选择[oracle ...
 - 自制轮子 canvas tree
			
这是树的效果 这个树拥有的功能有 1.小地图显示 2.小地图点击快速定位 3.点击加减显示根节点 4.基本的数显示 5.节点拖拽 6.点击头像跳转到相关页面 7.使用直角线和直线选择 8.画布自适应 ...
 - P2157 [SDOI2009]学校食堂 状压DP
			
题意: 排队买饭,时间为前一个人和后一个人的异或和,每个人允许其后面B[i] 个人先买到饭,问最少的总用时. 思路: 用dp[i][j][k] 表示1-i-1已经买好饭了,第i个人后面买饭情况为j,最 ...
 - Prim && Kruskal
			
Electrification Plan Prim #include<iostream> #include<cstring> using namespace std; cons ...
 - JOBDU 1199	找位置
			
题目1199:找位置 时间限制:1 秒 内存限制:32 兆 特殊判题:否 提交:2645 解决:1286 题目描述: 对给定的一个字符串,找出有重复的字符,并给出其位置,如:abcaaAB12ab12 ...
 - hdu1521 排列组合 指数型母函数模板题
			
排列组合 Time Limit: 2000/1000 MS (Java/Others) Memory Limit: 65536/32768 K (Java/Others)Total Submis ...
 - Android-友盟第三方登录与分享
			
### 前言 最近项目中又一次需要集成友盟的三方登录与分享,之前没有记录过,所以这次来写一下... ### 准备工作 1.注册友盟账号创建应用,获取key:申请地址http://www.umeng.c ...