如何从ShaderToy录制高比特率着色器视频及逐帧获取？

高比特率视频录制方法 #

• 用专业录屏工具直接录制：打开OBS、QuickTime Player这类工具，选择录制ShaderToy的窗口或全屏区域，在软件设置里把视频比特率拉到足够高（1080P建议10-20Mbps，4K建议20-50Mbps），录制出来的视频画质会远优于ShaderToy自带的录制功能。
• 自定义编码参数（进阶）：如果懂前端技术，可通过浏览器开发者工具拦截ShaderToy的录制请求，替换默认的低比特率编码参数，强制用更高码率编码输出视频。

逐帧录制方案 #

• 手动逐帧保存：暂停ShaderToy的动画，右键画面选择「Save Image」保存当前帧，然后点击界面上的帧步进按钮切换到下一帧，重复操作攒齐所有帧后，用Premiere、FFmpeg这类工具把图片序列合成视频。
• 自动化脚本导出：用Puppeteer这类浏览器自动化工具写个简单脚本，自动控制页面的帧步进、截图保存，批量导出所有需要的帧，比手动操作效率高很多，还能精准控制每帧的间隔和分辨率。
• 调用ShaderToy API：用ShaderToy公开的API请求指定帧的渲染结果，把返回的图片数据保存为序列帧，后续再合成视频，适合需要批量处理多个着色器的场景。

内容的提问来源于stack exchange，提问作者user13922174