标题: Windows录屏的野路子

创建: 2023-06-07 19:35
更新: 2023-07-27 09:10
链接: https://scz.617.cn/windows/202306071935.txt

之所以说野路子，盖因我不是多媒体受众，对录屏的需求几乎为零。但女科学家有这
种需求，我也被迫接触了一番。考虑到我们两人皆为二把刀，所以此间记录的录屏方
案没有一个靠谱的，仅仅是我有收集信息、整理文档的癖好使然。

参看

--------------------------------------------------------------------------
《PPT 2016录屏指南》
https://scz.617.cn/windows/202106171210.txt

《Sysinternals ZoomIt 7.1有限支持视音双录》
https://scz.617.cn/windows/202207201035.txt
--------------------------------------------------------------------------

PPT录屏，这个法子很微软、很正宗，虽然听上去很野。PPT 2016及之后版本都支持，
支持长时间录屏，我录过一个小时的。当时好像是女科学家要翻录一个在线视频，对
方有防护，我用了好多招未得手，最后PPT录屏搞掂。此法兼容性相当好，不依赖
Microsoft Store，在LTSB版Win10中也能用，在远程桌面(RDP)中同样可以视音双录，
如遇幺蛾子，参前述TXT。PPT录屏最大的好处是，大概率你已经拥有它，无需安装其
他东西。

ZoomIt 7.1有限支持视音双录，理论上可以捕捉麦克风输入，我未实测。这种适合教
学展示，不适合听网课场景。优势在于，这是微软绿色工具，非野生。期待Mark
Russinovich在后续版本中完全支持视音双录，比如可以捕捉「音频输出」。

有Microsoft Store的Windows，可以装"Xbox Game Bar"，这玩意儿能录屏。Win-G呼
出，Win-Alt-R开始录屏，再次Win-Alt-R结束录屏，缺省情况下自动保存到

%USERPROFILE%\Videos\Captures\
C:\Users\scz\Videos\Captures\

对于常打游戏的人来说，"Xbox Game Bar"用起来还算顺手，不打游戏的，碰上这种
软件，可能并不顺畅。一般来说，它以单个应用为单位进行录屏，先对焦到目标应用，
就是让目标应用处于前台，再Win-G呼出"Xbox Game Bar"。缺省有个"捕获"浮动界面，
若无，可从主界面点击"捕获"，之后就出来了。"捕获"界面上有几个钮，依次是截屏、
录制最后30秒、录制、录制时打开麦克风，我们只关心左起第三个钮，录制。这个有
快捷键，Win-Alt-R，按一次是录，再按一次是停，来回切换都是同一快捷键。有些
文章会说Win-Alt-G，那是录制最后30秒的快捷键，不要与呼出主界面的Win-G搞混了。
离开主界面有两种办法，再按一次Win-G，或者按ESC。

"Xbox Game Bar"录屏时的目标应用不能是桌面或资源管理器，否则会在试图录屏时
提示「游戏功能不可用于Windows桌面或文件资源管理器」，应该是对explorer.exe
有限制，底层机理不明。这个限制及其提示，对非IT人士太不友好了，不少人测试失
败均缘于此，最终弃用之。目标应用是CMD、RDP都没问题。

"Xbox Game Bar"主界面最右侧是"设置"，最好都过一遍。"常规"里有两条

. 当我开始游戏时显示提示
. 记住这是一款游戏

不录游戏不用管这个，若目标应用被标识成游戏，下次打开目标应用可能会自动呼叫
"Xbox Game Bar"，我瞎猜的。主界面中的设置不全，在"Windows设置-游戏-摄像"处
另有录屏设置，可调整音频质量、视频帧速率、视频质量等等，缺省值不是最高值。

最坑的是，录屏结果默认保存位置在C盘，若录制码率设成最高，生成的MP4会很大。
可以修改位置，但不能简单修改。官方提供的邪门步骤是，在资源管理器中剪切前述
"Captures"目录到任意位置，之后录屏保存位置自动跟随过去，explorer.exe对此操
作有特殊跟踪处理。对于中文版Win10，你看到的目录名可能被转换成"摄像"，不必
犹疑，照切不误。但"摄像"一旦离开原位置，粘贴他处时目录名就还原成"Captures"。

参看

《在Windows上调整捕获设置》
https://support.xbox.com/en-US/help/games-apps/game-setup-and-play/adjust-capture-settings-windows-10
https://support.xbox.com/zh-CN/help/games-apps/game-setup-and-play/adjust-capture-settings-windows-10

Win10右下角托盘区域有时会出现个小地球，提示"无法连接到Internet"，即使你正
欢快地上着公网，仍有一定几率看到这个提示。一般来说不用理会，也不影响啥。但
是，出现该提示时，你的Microsoft Store就废了，无法下载安装应用、无法登录、
提示0x800704cf错误码等等。此时你是装不了"Xbox Game Bar"的，微软的智障设计
终究影响了你。这是另一个话题，不在此展开。

前述三种软件都算微软的，第三方软件就多了去了。录屏软件千千万，我是没这需求，
也没深入对比测试过，只说我测试使用过的一种，有个叫「Bandicam (班迪录屏)」
的软件，小巧、好用。这是个商业软件，觉得好用，不妨正版。公众号是可以搜索的，
别的不宜多说。很多工具，用哪个不用哪个，都是很个人的选择，好坏更是偏主观的
判断。我没有推荐啥的意思，就是FYI。

前面PPT录屏已经很神奇了，但是，接下来的操作更神奇。

网友UID(5418532260)提到，有很多「在线录屏网站」，浏览器有捕获画面的API，打
开网站就能录，比如

https://recordscreen.io/

我在虚拟机中用Chrome试了一下，可用，只需要浏览器本身，无需安装其他东西，即
可进行录屏，神奇。点击"RECORD!"，有两种，"Screen+Cam"与"Screen Only"，前者
应该同时采集摄像头，一般选后者好了。点击"START RECORDING"，会弹出一个界面，
问你想分享什么，其实就是问你录哪个窗口。该界面有三种选择，Chrome标签页、窗
口、整个屏幕，英文版这几项是Chrome Tab、Window、Entire screen，望文生义即
可，可以录指定的Chrome标签页、桌面应用程序或者全屏。录桌面应用程序时，可以
选资源管理器、远程桌面、Chrome、CMD等等。这个选择界面是Chrome展示的，不是
js展示的，该过程就是授权过程，用户必须显式选择录制目标，否则不会录制，这将
阻止恶意网页利用该技术偷录。

选中录制目标后，点击"分享"，就是开始录制。之后有个悬浮窗，其中有"停止共享"，
点击它就结束录制。出现新界面，可在线观看录屏结果，点击"DOWNLOAD VIDEO"下载
video.webm，系统自带Windows Media Player就能放。不喜欢该格式的，自己本地转
换。该在线屏录网站，对系统性能影响显著，不能指定录制码率什么的，但胜在「零
安装可用」，应急时上佳选择。

这个推荐着实让我大开眼界，故特意查了该网友ID。TA的昵称是「髼鑯」，发音是
[peng jian]；第一个字可能通「蓬」，头发蓬松；第二个字可能通「尖」，尖锐。
作为文盲，显然我是查过之后才认识的撒。

随手搜了另一个「在线录屏网站」，不清楚是否有免费使用次数限制，未实测

https://www.mnggiflab.com/product/screen-recorder
https://www.mnggiflab.com/product/video-to-gif

有很多利用这种技术的Chrome录屏插件，但我一个也没试，参看

20+ Best Screen Recorder Chrome Extensions in 2023 - Tanoy Chowdhury [2023-04-27]
https://www.vmaker.com/blog/best-screen-recorder-chrome-extension/

对WEB前端一窍不通，不明觉厉中。简单研究了一下，参看

Using the Screen Capture API
https://developer.mozilla.org/en-US/docs/Web/API/Screen_Capture_API/Using_Screen_Capture

简单点说，Chrome从版本49开始有一套API可以录屏，js可以调它们。严格来说，不
是js录屏，是本地桌面应用程序Chrome录屏，只不过Chrome未在GUI中暴露此功能，
目前可由js间接使用之。明白原理后，玄幻色彩淡了许多。Chrome录屏并非必须访问
摄像头、麦克风，视你想录什么而定，不要为了录屏盲目允许访问摄像头、麦克风。

单说录屏，与WebRTC无关，只需js在浏览器中执行即可，无需服务端代码配合，无需
各种「在线录屏网站」。这些随网页而来的js或者Chrome录屏插件，一般会回传录制
结果到服务端，录全屏时，服务端不就看到任务栏、标签页了么，要万分谨慎，别给
自己挖坑。

下面是简版演示文件，screenrecord.html，本地打开，进行Chrome录屏，本地保存
录制结果。

--------------------------------------------------------------------------
<html>
    <head>
        <title>Screen Recording</title>
        <meta charset="UTF-8" />
        <style>
            body {
              text-align: center;
            }

            button {
              display: inline-block;
              margin: 1em 1em;
              font-size: 2em;
              cursor: pointer;
            }

            video {
              border: 1px solid lightgray;
              width: 100%;
              background-color: #eee;
            }
        </style>
    </head>

    <body>
        <button id ="Start">Start Recording</button>
        <button id ="Stop">Stop Recording</button>
        <video autoplay />
        <script>
            let start = document.getElementById("Start"),
                stop = document.getElementById("Stop"),
                video = document.querySelector("video"),
                recorder, stream;

            async function startRecording() {
                stream = await navigator.mediaDevices.getDisplayMedia({
                    audio: true,
                    video: true
                });

                recorder = new MediaRecorder(stream);

                const chunks = [];
                recorder.ondataavailable = e => chunks.push(e.data);

                recorder.onstop = e => {
                    const completeBlob = new Blob(chunks, { type: chunks[0].type });
                    video.src = URL.createObjectURL(completeBlob);
                    const downloadLink = document.createElement("a");
                    downloadLink.href = URL.createObjectURL(completeBlob);
                    downloadLink.download = "capture.webm";
                    document.body.appendChild(downloadLink);
                    downloadLink.click();
                    document.body.removeChild(downloadLink);
                };

                recorder.start();
            }

            start.addEventListener("click", () => {
                start.setAttribute("disabled", true);
                stop.removeAttribute("disabled");
                startRecording();
            });

            stop.addEventListener("click", () => {
                stop.setAttribute("disabled", true);
                start.removeAttribute("disabled");
                recorder.stop();
                stream.getVideoTracks()[0].stop();
            });
        </script>
    </body>
</html>
--------------------------------------------------------------------------

给个在线版方便测试，并不回传服务器，只在本地运行，录制效果还可以。

https://scz.617.cn/windows/screenrecord.html

录制标签页时，缺省勾选了"分享标签页中的音频"，视音双录没问题。录全屏时，缺
省未勾选"分享系统中的音频"，必须手工勾选才能视音双录，否则不录音频。录制桌
面应用程序时，没有类似的音频复选框，用媒体播放器测的，我这儿死活只录到视频
录不到音频。尝试给audio指定具体音频输出设备，未如愿，若谁修改成功，望不吝
赐教。是不是这种情况就不支持录音频？

--------------------------------------------------------------------------
stream = await navigator.mediaDevices.getDisplayMedia({
    audio: { mediaSource: "Speakers (Realtek(R) Audio)" },
    video: { mediaSource: "screen" }
});
--------------------------------------------------------------------------

screenrecord.html采集数据后暂时存放在chunks中，实际消耗Chrome的内存，若录
制时间过长，内存吃不消，只是原型演示版。那些在线录屏网站可以分段回传chunks，
由服务端代码拼装完整并存储到硬盘。单就长时间录屏时数据存储而言，或许不得不
回传服务器，我瞎说的，不懂WEB前端开发。注意，回传操作本身消耗带宽。

关于录屏，第三方桌面软件就别再来现眼了。如有微软工具或Chrome录屏这种，请继
续推荐，我也涨涨知识。

后来有网友在公众号留言说，Win11最新版截图工具自带录屏功能，用Win11的不妨自
行测试。

在整明白Chrome录屏原理之前，想偷懒，直接问GPT 3.5。事后看它的回答，沾点边，
但给不出关键中的关键，没有背景知识时，会被带歪方向。若用它的回答写科普，写
出来的东西除了丢人现眼，还会进一步扩散谬误。而在摸着边之后，定向细化提问，
它的回答趋于靠谱，这符合过往使用GPT的经验。我说的是GPT 3.5，咱不是穷，用不
起4么。

一般来说，GPT的回答较易自行验证时，即便有错也无所谓，一试辨真伪，计算机科
学类的提问与回答总体上算在此列。但凡它说的东西不易验证而提问者又缺乏背景知
识时，不要视之为Google这样的搜索引擎，以我这半年的使用经验看，此刻宜尽早放
狗，反倒较快逼近正确方向。