视频转成在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. 突发奇想?心血来潮?不是. 咋回事呢?(对八卦不感兴趣的可以直 ...
随机推荐
- LoRaWAN stack移植笔记(五)__调试1
先废话一小段 在将LoRaWAN的程序移植的过程中,调试发现了很多的问题. 做好记录工作,防止以后再踩坑 移植使用的是LoRaMac-node库,使用的是STM32L151CBT6 MCU,需要要移植 ...
- SpringBoot中关于Shiro权限管理的整合使用
转载:https://blog.csdn.net/fuweilian1/article/details/80309192 在整合Shiro的时候,我们先要确定一下我们的步骤: 1.加入Shiro的依 ...
- js中更改this指向 以及回顾bind、call和apply
1.更改this指向 方法1:对this进行保存 var _this = this; 例: var _this = this; document.onclick = fu ...
- 服务器小白的我,是如何将 node+mongodb 项目部署在服务器上并进行性能优化的
前言 本文讲解的是:做为前端开发人员,对服务器的了解还是小白的我,是如何一步步将 node+mongodb 项目部署在阿里云 centos 7.3 的服务器上,并进行性能优化,达到页面 1 秒内看到 ...
- Scala 系列(六)—— 常用集合类型之 List & Set
一.List字面量 List 是 Scala 中非常重要的一个数据结构,其与 Array(数组) 非常类似,但是 List 是不可变的,和 Java 中的 List 一样,其底层实现是链表. scal ...
- python学习——字典和集合
一.字典 1)字典介绍 字典是一种通过名字或者关键字引用的得数据结构,其键可以是数字.字符串.元组,这种不可变的结构类型也称之为映射.字典类型是Python中唯一內建的映射类型. 1)字典操作 &qu ...
- unity_实用小技巧(避免游戏对象被销毁时声音消失)
在游戏中我们使用碰撞检测,当两个物体发生碰撞时产生声音音效,代码如下: 如果使用上述代码,我们会发现,在脚本中使用AudioSource声明该声音,当该物体被销毁时声音也会立刻停止. 但是我们希望声音 ...
- json-server的安装及使用
首先介绍一下什么是json-server,用处是什么,其实很简单:JSON-Server 是一个 Node 模块,运行 Express 服务器,你可以指定一个 json 文件作为 api 的数据源. ...
- Storm 系列(八)—— Storm 集成 HDFS 和 HBase
一.Storm集成HDFS 1.1 项目结构 本用例源码下载地址:storm-hdfs-integration 1.2 项目主要依赖 项目主要依赖如下,有两个地方需要注意: 这里由于我服务器上安装的是 ...
- 第6章 事务管理 6.1 spring事务
事务管理——原子性.一致性.隔离性.持久性 理解spring对事务管理的支持 Spring提供对编码式和声明式事务管理的支持.编码式事务允许用户在代码中精确定义事务的边界,而声明式事务(基于AOP,面 ...