捕获媒体指南

捕获媒体步骤在用户捕获源媒体之前准备浏览器和相机。根据站点配置，页面可以捕获静态图像、简短的动画 GIF 或两者。启用两种捕获模式时，“捕获图像”和“捕获 GIF”并排出现，以便用户可以选择模因是从某一时刻开始还是从几秒钟的运动开始。

捕获图像最适合干净的单帧模因。当反应、表情或时机是笑话的一部分时，捕获 GIF 是最好的选择。两个选项都使用相同的相机预览、相同的要求检查以及捕获后相同的处理媒体编辑器。在手机和平​​板电脑上，当浏览器和设备支持时，摄像头切换按钮可以在前置摄像头和后置摄像头之间移动。

要求检查

“捕获媒体”页面打开时，“要求检查”面板会自动运行。它的作用是确保浏览器可以安全地读取相机流，将帧绘制到应用程序中，并为编辑器做好准备。如果其中一项检查失败，捕获按钮将保持禁用状态，这样用户就不会得到空白或损坏的模因。

1.浏览器+画布检查

此检查确认浏览器支持构建捕获的图像所需的 Web 功能。该应用程序需要启用 JavaScript、支持 HTML 视频、支持 Canvas 绘图以及将画布内容导出为图像数据的能力的现代浏览器。

经过的浏览器可以从相机预览中获取一帧，将该帧绘制到画布上，然后将画布转换为可以发送到处理媒体步骤的图像。如果没有这个，应用程序可能会显示相机预览，但仍然无法创建可编辑的模因图像。

失败的常见原因包括使用过时的浏览器、在受限制的应用内浏览器中打开页面、禁用 JavaScript、使用阻止媒体 API 的隐私扩展或在限制画布访问的浏览器模式下运行页面。尝试最新的 Safari、Chrome、Firefox 或 Edge 通常可以解决此类问题。

2.相机权限检查

此检查会询问浏览器和操作系统是否允许使用相机。该页面必须从安全连接（通常是 HTTPS）加载，因为浏览器会阻止相机访问不安全的页面。在本地开发中，可能还需要受信任的本地 HTTPS 证书或允许的本地测试主机。

浏览器可能会显示权限提示。用户需要允许网站的摄像头访问，操作系统也需要允许浏览器本身的摄像头访问。在手机和平​​板电脑上，这可能涉及浏览器权限提示和系统级隐私设置。

失败的常见原因包括错误地单击“阻止”、在浏览器设置中禁用相机权限、在 macOS/iOS/Android 隐私设置中禁用相机访问、其他应用已在使用相机、在社交应用中使用未正确公开相机访问权限的浏览器选项卡，或者通过非本地地址上的纯 HTTP 访问页面。

3.直播就绪

此检查验证相机流是否确实在页面内播放。仅有权限是不够的：应用程序还需要实时视频帧，以便捕获按钮可以抓取当前图像或录制简短的 GIF。

传递流意味着视频元素已接收到相机数据，浏览器知道视频尺寸，并且页面可以捕获真实的帧而不是黑色、空或零尺寸的图像。此步骤可防止用户在相机完成预热之前向前移动。

常见的故障原因包括相机启动缓慢、相机断开连接或被遮挡、另一个应用程序拿着相机、浏览器暂停后台选项卡、低功耗移动行为、拒绝自动播放/媒体行为或临时设备故障。刷新页面、关闭其他相机应用、选择不同的浏览器或重新连接相机通常可以解决该问题。

捕获模式

该页面仅显示站点配置启用的捕获选项。如果启用静态图像捕获，用户会看到捕获图像。如果启用 GIF 捕获，用户将看到“捕获 GIF”。如果两者均启用，则这两个按钮会一起出现在相机面板中；如果禁用其中一项，页面将保持其余选项简单且全角。

捕获图像

捕获图像开始倒计时，抓取当前相机帧，将其存储为源图像，并启用处理媒体。这是最快的路径，通常会产生最清晰的结果，因为编辑器只需要处理一帧。

捕获 GIF

捕获 GIF 开始相同的倒计时，然后从实时摄像机流中记录一个简短的动画剪辑。录制持续时间可由网站配置，但上限为 5 秒，以便浏览器、编辑器和保存步骤在手机和桌面上保持响应。

捕获 GIF 后，预览会显示动画源媒体，并且 处理媒体 将该动画发送到用于静态图像的同一编辑器中。如果最终源是 GIF，编辑器会在保存步骤保持完整模因动画之前显示用于修剪、速度和播放方向的动画设置。

在捕获期间，实时预览和捕获的媒体面板上方会显示进度状态。它首先显示倒计时，然后切换到 GIF 捕获的录制状态，最后在捕获的媒体准备好处理时变为绿色。

工具栏和操作按钮