mcpField
R
RecordHTML

RecordHTML

远程服务
recordhtml.com媒体与设计0今天更新

关于 RecordHTML

RecordHTML 是托管服务,可在真实浏览器中录制网页和 HTML5 创意内容,并输出 MP4、WebM 或 GIF。它面向需要创建、检查或管理录制内容、但无需运行本地服务的助手。

主要功能

  1. 01录制公开网址或提供的 HTML
  2. 02导出为 MP4、WebM 或 GIF
  3. 03录制前估算请求
  4. 04查看状态并获取视频链接
  5. 05列出和删除录制内容

适用场景

  1. 01制作 HTML5 横幅的视频
  2. 02提交任务前检查录制限制
  3. 03获取或删除已保存的录制内容

MCP 相关

托管的 MCP 服务提供五种录制、估算、查看、列出和删除录制内容的工具。客户端可通过支持 OAuth 的 Streamable HTTP 连接,部分客户端也可使用 API 密钥。

配置

远程服务无需本地安装。选择你使用的客户端,复制配置或使用一键安装。

服务地址https://mcp.recordhtml.com
一键复制安装命令
Claude CodeTerminal
Cursor.cursor/mcp.json
VS Code.vscode/mcp.json
Claude Desktopclaude_desktop_config.json
Windsurf~/.codeium/windsurf/mcp_config.json

命令在终端中运行;JSON 粘贴到对应客户端的 MCP 配置后重启。需要授权的服务会在首次连接时提示登录。

工具

详细介绍

RecordHTML MCP 服务

RecordHTML MCP connector – tool definition quality and endpoint health on Glama

将 RecordHTML 连接到 AI 助手,并让它为你录制视频。托管的 MCP 服务会在真实浏览器中将网页和 HTML5 创意素材(横幅、广告、动画、着陆页)录制为 MP4、 WebM 或 GIF。它使用与 Web 应用和 API 相同的录制器、限制和存储空间。

https://mcp.recordhtml.com

采用 Streamable HTTP,通过 OAuth 登录。无需在你的计算机上安装或运行任何内容。

此存储库收录了该服务在 MCP Registry(com.recordhtml/mcp)中的条目。服务 本身由托管提供,且不是开源的。完整文档:https://recordhtml.com/docs/mcp

连接

使用上面的 URL 添加远程 MCP 服务。客户端会打开登录页面:登录或创建账户,批准访问,然后返回 客户端。接下来应该会列出五个工具。

Claude Code:然后输入 /mcp,选择 recordhtml 并登录。

claude mcp add --transport http recordhtml https://mcp.recordhtml.com

Claude(claude.ai 和 Claude Desktop):依次打开 Settings → Connectors → Add custom connector,在 URL 中填写 https://mcp.recordhtml.com,然后点击 Connect。

Cursor(~/.cursor/mcp.json):

{
  "mcpServers": {
    "recordhtml": { "url": "https://mcp.recordhtml.com" }
  }
}

VS Code(.vscode/mcp.json):

{
  "servers": {
    "recordhtml": { "type": "http", "url": "https://mcp.recordhtml.com" }
  }
}

ChatGPT、Codex 和其他客户端:请参阅 设置你的客户端。

使用 API 密钥

无头 Agent 以及可以设置请求头的客户端,可以使用 API 设置页面中的 API 密钥,而无需登录。浏览器页面中的密钥会被拒绝。

claude mcp add --transport http recordhtml https://mcp.recordhtml.com \
  --header "Authorization: Bearer $RECORDHTML_API_KEY"

工具

工具功能
record_html将公开 URL 或助手编写的 HTML 文档录制为视频。等待录制完成并返回带签名的视频链接。
get_recording获取录制的状态、报告和新的视频链接;如果录制仍在进行,可以等待其完成。
estimate_recording在不录制或消耗配额的情况下检查请求:需要修正的内容、估算结果、你的限制和用量。
list_recordings列出你的录制内容,按时间从新到旧排序。
delete_recording永久删除录制的视频文件。

提示词示例:将 https://example.com/banner/ 录制为 300×600、时长 15 秒的 MP4。

发布(维护者)

该服务以 com.recordhtml 命名空间发布,其归属由 recordhtml.com 顶级域名上的 DNS TXT 记录证明。你需要 mcp-publisher 和 OpenSSL 3(macOS 内置的 LibreSSL 不支持 Ed25519)。

首次操作:创建密钥并添加其 TXT 记录。

OPENSSL=/opt/homebrew/opt/openssl@3/bin/openssl
$OPENSSL genpkey -algorithm Ed25519 -out key.pem    # keep it secret; *.pem is git-ignored
echo "recordhtml.com. IN TXT \"v=MCPv1; k=ed25519; p=$($OPENSSL pkey -in key.pem -pubout -outform DER | tail -c 32 | base64)\""

在顶级域名(recordhtml.com,而非子域名)上、现有 TXT 记录旁添加该记录。轮换密钥时,请删除旧记录。

每次发布:

mcp-publisher validate
mcp-publisher login dns --domain recordhtml.com \
  --private-key "$($OPENSSL pkey -in key.pem -noout -text | grep -A3 'priv:' | tail -n +2 | tr -d ' :\n')"
mcp-publisher publish
curl -s "https://registry.modelcontextprotocol.io/v0.1/servers?search=com.recordhtml/mcp"

version 遵循服务自身的版本(html-recorder-web 中的 MCP_SERVER_VERSION)。若只更改元数据后重新发布,请使用预发布版本号,例如 1.0.0-1。同一版本无法发布两次。

评论

支持 Markdown

第一次接触 MCP?

从协议是什么,到在客户端里装上第一个服务,这几条回答覆盖了大多数入门问题。

一个开放协议,规定了 AI 应用如何以统一方式连接外部工具与数据源。客户端负责与模型对话,MCP 服务负责提供工具、资源和提示模板,两者通过标准消息通信,同一个服务可以被不同客户端复用。