RecordHTML について
RecordHTMLは、実際のブラウザーでウェブページやHTML5クリエイティブを録画し、MP4、WebM、GIFで出力するホスト型サービスです。ローカルサーバーを動かさずに録画を作成、確認、管理したいアシスタント向けです。
主な機能
- 01公開URLまたは指定HTMLの録画
- 02MP4、WebM、GIFでの出力
- 03録画前のリクエスト見積もり
- 04状態確認と動画リンクの取得
- 05録画の一覧表示と削除
活用シーン
- 01HTML5バナーの動画作成
- 02ジョブ送信前の録画制限の確認
- 03保存済み録画の取得や削除
MCP 対応
ホスト型MCPサーバーは、録画、見積もり、確認、一覧表示、削除の5つのツールを提供します。OAuth対応のStreamable HTTPで接続でき、対応クライアントではAPIキーも利用できます。
設定
リモートサーバーはインストール不要です。クライアントを選んで設定をコピーするか、ワンクリックで導入できます。
https://mcp.recordhtml.comclaude mcp add --transport http com-recordhtml https://mcp.recordhtml.com{"mcpServers":{"com-recordhtml":{"type":"http","url":"https://mcp.recordhtml.com"}}}Cursor で開く{"servers":{"com-recordhtml":{"type":"http","url":"https://mcp.recordhtml.com"}}}VS Code で開く{"mcpServers":{"com-recordhtml":{"type":"http","url":"https://mcp.recordhtml.com"}}}{"mcpServers":{"com-recordhtml":{"serverUrl":"https://mcp.recordhtml.com"}}}コマンドはターミナルで実行し、JSON は各クライアントの MCP 設定に貼り付けて再起動します。認可が必要なサーバーは初回接続時にログインを求めます。
ツール
詳細
RecordHTML MCP サーバー
RecordHTML を AI アシスタントに接続して、動画の作成を依頼できます。ホスト型の MCP サーバーは、実際のブラウザーでウェブページや HTML5 クリエイティブ(バナー、広告、アニメーション、ランディングページ)を MP4、 WebM、または GIF で記録します。ウェブアプリや API と同じレコーダー、制限、ストレージを使用します。
https://mcp.recordhtml.com
Streamable HTTP を使用し、OAuth でサインインします。お使いのマシンにインストールしたり、実行したりするものはありません。
このリポジトリには、サーバーの MCP Registry(
com.recordhtml/mcp)への掲載情報が含まれています。サーバー 自体はホスト型であり、オープンソースではありません。詳しいドキュメント:https://recordhtml.com/docs/mcp
接続
上記の URL を使ってリモート MCP サーバーを追加します。クライアントでサインインページが開きます。サインインまたはアカウントを作成し、 アクセスを承認してからクライアントに戻ります。すると、5 つのツールが表示されます。
Claude Code:次に /mcp と入力し、recordhtml を選択してサインインします。
claude mcp add --transport http recordhtml https://mcp.recordhtml.com
Claude(claude.ai と Claude Desktop):設定 → コネクター → カスタムコネクターを追加を選択し、
URL に https://mcp.recordhtml.com を指定して、接続します。
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 キーを使う場合
ヘッドレスエージェントやヘッダーを設定できるクライアントは、サインインする代わりに 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)\""
このレコードを既存の TXT レコードと並べて、ルート(サブドメインではなく recordhtml.com)に追加します。キーをローテーションする場合は、古いレコードを削除してください。
各リリース:
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 のようなプレリリースを使用してください。同じバージョンを 2 回公開することはできません。
コメント
AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。