無料
Maison Vey · 16:9
このSkillで書き出した映像
コメントオーバーレイ v1.0.0
視聴者のコメントが1件ずつ映像の上にタイプされていく。アバター、ユーザー名、投稿時間、いいね数付き。
まだ評価はありません 0 ダウンロード
- フォーマット
- 動画 · 16:9
- 尺
- 0:08
8秒の社会的証明向けの無料 HyperFrames ブロック。映像の上部にコメントカードが1枚ずつ現れます。アバターがポップインし、ユーザー名と投稿時間が表示され、コメントが1文字ずつタイプされ、続いていいね数と返信リンクが出ます。コメント、ユーザー名、アバター、ライト／オーバーレイのスキームは HTML で編集します。背景は透過です。
2026年11月3日 更新
得られるもの
- 透過背景の8秒・1920×1080 のオーバーレイ
- アバター、名前、投稿時間、いいね数とともにタイプされるコメント
- 映像向けのオーバーレイスキームと、無地のボード向けのライトスキーム
向いている用途
- 商品ショットに重ねるお客さまの声
- リアクション動画やレビュー動画
- クリエイターのチャンネル
向いていない用途
- 長いレビュー
- 調整なしの縦型のみのレイアウト
このSkillについて
依頼の例
/yt-comment-card うちの Ambre Nuit の香水のショットにコメントオーバーレイを重ねて。コメントは「@noteofamber: Ambre Nuit smells like a warm evening in a jar」と「@scentdiary: That bottle at 0:12 though 🔥 ordering now」。
ほかの人の言葉ほど売れるものはありません。コメントオーバーレイは、本物らしい視聴者コメントを映像の上に1件ずつタイプしていくので、商品が映っているあいだに称賛の声が届きます。
使い方
- 依頼：ユーザー名付きの短いコメント2〜4件と、重ねる映像をエージェントに伝えます。
- 入力：コピーと色をブロックの変数に書き込みます。文字数はレイアウトの想定に近い長さに保ちます。
- レンダー：
npx hyperframes renderで下書きをレンダーし、いくつかのフレームを確認してから最終版の MP4 を書き出します。 - 再利用：変数は小さな JSON ファイル1つにまとまっているので、次のバージョンもレンダー1回で済みます。
コツ
- 短いコメントほど速くタイプされ、読みやすくなります。1件1行に。
- イニシャルのチップか、小さな正方形のアバターを使いましょう。
- 背景は透過なので、アルファチャンネル付きでレンダーして自分の映像や写真、単色の背景に重ねます。そのための2つのコマンドは SKILL.md に載っています。
- 実際のコメントを引用するのは許可を得た場合だけにし、そうでなければイメージだとはっきりわかるコメントを書きましょう。
オープンソース
これは HyperFrames のレジストリブロックです。HeyGen と HyperFrames のコントリビューター（heygen-com/hyperframes）が作り、Apache License 2.0 で公開しています。ダウンロードはアセット込みのブロックに Reelity が書いた SKILL.md を添えたもので、エージェントが中身の埋め方とレンダー方法を把握できます。HyperFrames 本体は npm から実行されます。
始める前に必要なもの
- 用意するもの
- ユーザー名付きの短いコメント2〜4件と、重ねる映像。
- 依存関係
- Node.js 22 以降 — 必須 · FFmpeg — 必須
- 外部コスト
- ありません。HyperFrames は無料のオープンソースで、手元のマシンでレンダーします。
- 最終テスト
- v1.0.0 —
ユーザーレビュー
まだレビューはありません。インストールして最初に評価しましょう。
よくある質問
コメントは何件入りますか？
8秒で短いものを2〜4件です。
無地の背景にも置けますか？
はい。スキームを「overlay」から「light」に切り替えると、明るいボードの上に濃い色の文字で表示されます。
なぜ無料なのですか？
HeyGen と HyperFrames のコントリビューターによるオープンソースの HyperFrames ブロックです。手を加えずに掲載し、エージェントが使えるよう SKILL.md を添え、自社ブランド Maison Vey で作ったサンプルを付けています。
