[程序猿必备] MAC上录制屏幕视频或录制gif

作为程序猿, 难免会有需要将一些效果或者制作一些教程给别人分享的时候, 掌握视频录制技巧显得尤为重要这里给大家分享一下视频录制的2个方法

_(:зゝ∠)_

一. 使用MAC自带的软件 QuickTime Player

系统自带的 QuickTime Player软件可以很方便的从屏幕上录制视频, 视频格式为.mov . 支持声音的添加, 以及录制过程中鼠标的点触, 就很多方法来说, 是比较不错的录制视频的方法.

(1)打开 QuickTime Player 软件, 在打开的界面下, 选择屏幕左上方的文件选项,


QuickTime Player
在 QuickTime Player 打开的界面下
选择新建屏幕录制

(2) 选择了新建屏幕录制后, 会弹出一个小窗口, 中央有一个红色的按钮是开关, 右侧箭头点开会有麦克风的选择以及录制过程中鼠标是否能够点触, 一般我们会选择能够点触, 这样方便展示各类操作.点击红色按钮.会出现提示,我们可以自由的选择自己想要录制的区域进行录制, 点击开始录制, 则开始录制视频.(小编这里使用鼠标来回移动一张图片)

QuickTime Player小窗口
提示框
截取屏幕一部分
小编在录制的范围里移动一张图片

(3)在屏幕右上角有个按钮, 能够停止视频的录制, 点击停止后, 会有文件保存命名及保存位置的设置, 点击存储, 这样就简单的完成了一个屏幕视频的录制.比较简单.


停止按钮
存储视频文件

二. licecap

QuickTime Player录制屏幕视频虽然简单方便, 但是由于它录制的视频格式为.mov , 并不支持很多应用软件的使用, 比如: 简书. (你懂得)
LICEcap for mac是Mac os平台上的一款帮助用户录制自己屏幕的Mac软件,LICEcap for mac占用内存非常小,可以供我们轻松的录制gif格式的视频.但是相比QuickTime Player功能要差一些.不足的是不支持声音的录制.licecap下载地址

(1) 打开licecap, 会看到一个透明的假面, 窗口下方最左边是帧率的设置, Size用来设置屏幕录制的大小, 我们可以更改为任意不超过屏幕大小的尺寸, 右端则是一个录制按钮.


licecap
licecap界面
更改录制屏幕尺寸

(2)点击Record, 则出现保存gif信息的设置, 设置好以后点击Save, 倒计时3s, 则开始录制屏幕视频.录制过程中可以随时[pause]暂停, 录制结束点击Stop. 则完成了gif的录制~


设置gif保存信息
录制中...

下面是小编用licecap录制<使用QuickTime Player录制后的.mov视频>的gif效果~


效果图.gif

PS:有些同志想要把mov格式直接转为gif格式, 可以参考下这篇文章
点我查看

licecap生成的gif每帧颜色数量可超过256, 来做个清晰度对比:


原图片
gif对比

帧率:每秒显示的图片数。影响画面流畅度,与画面流畅度成正比:帧率越大,画面越流畅;帧率越小,画面越有跳动感。

帧率8
帧率1

最后奉上wuli可爱的小民国~


民咕咕~

推荐阅读更多精彩内容

  • gif图片是博客中展示项目效果的一种很好的方式,为我们的app制作一张gif图片并不复杂,录制屏幕采用系统自带的Q...
    zhq1992阅读 16,426评论 34 102
  • gif图片是博客中展示项目效果的一种很好的方式,为我们的app制作一张gif图片并不复杂,录制屏幕采用系统自带的Q...
    为什么划船不靠桨阅读 2,177评论 0 2
  • 先附上一个效果图: 一. 使用MAC自带的软件 QuickTime Player 系统自带的 QuickTime ...
    神SKY阅读 1,670评论 0 2
  • 作者 谢恩铭,公众号「程序员联盟」(微信号:coderhub)。转载请注明出处。原文:https://www.ji...
    程序员联盟阅读 41,307评论 6 57
  • 刚刚尝试的交流模式,受到了打击,我有些忐忑不安,害怕自己的行为哪里冒犯了大众,被嫌弃或鄙视。不过难过低落只...
    苗YY阅读 90评论 0 0
  • 组件是React的基石,所有的React应用程序都是基于组件的。React组件,可以通过React.createC...
    珍珠林阅读 297评论 0 0
  • 001 带着问题去寻找答案! 这是主观上,自己意识需求,如果我们带着问题去看相互的书籍,我们可以比一般情况下拥有更...
    毅学姐阅读 97评论 0 0