截屏设置

关于如何录制截屏视频，我有很多问题，所以我想就此发表一篇既有趣的帖子，以后也可以推荐他人。

硬件

苹果电脑

我在右侧有一个24英寸的iMac和另一个24英寸的显示器。作为设计师/编码人员/媒体消费者/远程办公人员，屏幕房地产对我而言非常宝贵。我戴的每顶帽子都需要一扇开着的窗户，有时候我觉得我还不够。第二台监视器非常方便进行屏幕广播，我们将在后面看到。

罗德·波德卡斯特

iMac具有内置麦克风，适合进行快速的Skype聊天，但不会降低截屏质量的芥末味。显然，我的截屏不是超级专业剪辑的作品。我的简介版本具有特殊的桌面墙纸！但是，如果您要听我讲20至60分钟，那么音质就很重要。

我有一个Rode Podcaster麦克风，它做得很好。我有一个防震架，它固定在我放在桌子上的小型迷你吊架上。这样一来，我就无需用手就能将麦克风对准嘴。

设置如下所示：

软件

秀秀

要记录屏幕和声音，我使用iShowU 。很简单。我很喜欢。您需要的所有选项，没有任何混乱。

践踏

iShowU的制造商ShinyWhiteBox制造了用于压缩视频的配套产品Stomp 。也非常好，非常容易使用。我相信，如果您同时购买它们，他们就会获得一揽子交易。

Adobe Flash CS3视频编码器

我使用它转换为Flash视频格式（.flv），以在网络上显示。

流程

1.更改屏幕分辨率

我要做的第一件事是将主显示器的分辨率更改为1024×768，并设置自定义墙纸。我喜欢只显示我的整个屏幕，停靠栏和菜单以及所有内容。从某种意义上说，这可能会让人分心，但我希望人们看到这是我真正的实际工作环境。我没有在做这些东西的消毒的沙盒，这是真正的日常编码。

2.进行硬件设置

如您在上图中所看到的，我有点推开第二个监视器，并将麦克风设置在舒适的位置。然后，将其插入计算机本身的USB端口。我一直尝试将其始终插入USB集线器，但这样可以降低音量。该麦克风需要电源，并且需要直接输入才能获得。

您周围的房间也是一种“硬件”。我给自己倒了杯水，关上了房间的门，确保邻居没有割草之类的东西。

3.设置软件

我退出了本截屏中不打算使用的所有软件，只打开了重要内容。通常，Photoshop，Coda / Textmate和iShowU。我验证iShowU中的所有设置。此时，第二个监视器已经很有用，因为我可以在第二个监视器上保持该窗口打开的状态，保持我的主要工作区域清洁。

我对iShowU的设置：

录制麦克风音频（完整音量）
高品质音频
麦克风输入：Rode Podcaster（并检查并确保电平很好并且很高，有时必须弹出“系统偏好设置”并确保输入音量合适）
慢帧率：6
正常帧频：6
质量：第4个刻度线，向高倾斜
压缩：Apple动画
将记录区域设置为整个主屏幕（1024×768）

记录

希望到这个时候，我已经经历了几次，希望这件事能解决。我要提出的要点，最终产品将是什么，次要细节，广告细分将在什么地方等，等等。当我准备就绪时，我按下记录并开始努力。很多时候，我可以一次完成它，但是如果需要休息，我就过去，在iShowU上按“完成”，然后在准备好后重新启动。如果发生重大失误（我认为是轻微失误，因为它增加了现实主义的另一要素），那么我只需打“ Abort”，然后进行细分。

后期过程

完成后，首先要做的是创建一个名为“ RAW”的文件夹，将所有电影文件放在其中，然后进行复制。这样，无论我如何处理文件的第二个副本，我都始终可以返回原始录音。

如果有多个段，我可以在Quicktime Pro中将它们缝合在一起。我要做的就是打开第一个，并将洗涤器移至视频末尾。然后打开第二个视频，全选，剪切并粘贴到第一个视频中。对其余所有细分重复上述步骤。在Quicktime Pro中，这是一件奇特的事情。完成此操作后，粘贴到＃1视频中的文件大小不会更改文件大小（就像您认为的那样）。我敢肯定，这只是“虚拟”地将这些文件拼接在一起，因此请不要删除其他文件。

在我的特定过程中，下一步是使用Stomp创建两个不同的版本。首先，我使用内置设置为订户创建.M4V文件。这是一个非常高质量的版本，在AppleTV和iTunes上都能很好地工作。 .M4V最终为960 x 760px。我只是以这样的大小拍摄，但是我喜欢一点点的额外屏幕空间，并且缩小似乎并不会对质量产生太大影响。其次，我制作一个.MOV文件，并将其缩小为800 x 600px。这就是我要转换为Web的Flash（.FLV）文件的内容。我发现，如果我在Stomp中执行了按比例缩小的转换，然后转换为Flash，则比使用Flash Video Converter进行按比例缩小的质量要高得多。 Flash视频的质量仍然较差，文件大小也较大，但是还算不错，并且与Quicktime嵌入相比，它对网络上的人们更兼容。

上传和嵌入

因此，现在我提供了两个版本，.M4V和.FLV。 IGN的好心人为我托管了我的视频，所以我将它们上传到了那里。视频占用大量带宽，因此我想将其保留在主服务器之外。如果您认为服务器可以处理它，则可以使用它。否则，Amazon S3拥有非常便宜的托管服务。我有一个关于在S3上设置和托管文件的教程。

现在，我创建了一个网页，它将作为截屏视频的永久主页，并将显示Flash视频。我使用JW FLV Player ，我认为它是一个很好的播放器。我使用SWFObject将播放器嵌入页面。这使您的代码保持标准规范，并提供了许多其他优点，我将在这里详细介绍。该页面不仅显示视频本身，还显示视频标题，简短说明，视频本身的链接以及下载更高质量版本的链接（免费！）。

创建RSS feed条目

我为视频提供RSS提要，这就是.M4V文件的用途。此Feed需要兼职。第一，成为有效的RSS订阅源，使人们可以在他们希望的任何订阅源阅读器中进行订阅。目前，提要中包含的只是标题和下载视频的链接，没什么好看的。第二，提要必须符合iTunes，因为截屏也显示在iTunes Store播客区域中。这意味着为此只在XML中添加了一堆额外的标签。这是截屏视频的XML条目：


	#35: Intro to jQuery 2
	
	https://css-tricks.com/videos/css-tricks-video-35.php
	
	CSS-Tricks

	Intro to jQuery 2

	Starting off where we left off last time, we continue exploring the possibilities of jQuery. We revisit some of the old functions and make them do some smarter things. We explore a simple variable and an IF/ELSE statement. Then we look at the AJAX-y .load() function, the CSS function, and then finish off by writing out own custom function and going over how that layer of abstraction can help us keep our code clean. Semantics counts in JavaScript too!

	
	
	Thur, Sep 11 2008 12:00:00 GMT
	
	24:55

	css, web design, html, tutorial

我必须手动编写所有这些内容，因为我从来没有找到过一种很好的工具能够以这种完美的格式为我完成此任务。最终我可能会进行手写RSS XML文件的截屏…

就是这样！ 我每周都会这样做，以记录这些截屏视频。这是一项艰巨的工作，但是现在我已经弄清了我的工作流程，一切进展很快。它们无论如何都不是杰作，但是它们确实确实在帮助某些人，因此我从中受益匪浅，因此我绝对打算继续这样做。

荣誉奖

抱歉，由于那里的经验为零，我无法提供PC建议。我听说Camtasia Studio很好。

尽管不是我目前的截屏工作流程的一部分，但VisualHub是一种Badass视频转换工具，我经常将其用于其他与视频相关的项目。

如果需要使用鼠标突出显示，单击突出显示和击键显示， Mousepose非常有用。

在我的许多截屏视频中，我都使用Coda 。 Coda对于开发而言是惊人的，并且对于截屏效果很好，因为它显示了项目的文件结构以及文本编辑器。

翻译自: https://css-tricks.com/screencasting-setup/