Embed

あなたのウェブサイトに
BLIPを追加

iframe一つでどんなページにも暗号化チャットを埋め込めます。バックエンド不要、アカウント不要、完全なE2E暗号化。

クイックスタート

このスニペットをHTMLにコピー＆ペーストしてください：

<iframe
  src="https://blip-blip.vercel.app/embed"
  width="400"
  height="600"
  style="border: none;"
  allow="clipboard-write"
></iframe>
html

カスタマイズ

幅と高さ

レイアウトに合わせてiframeのサイズを調整してください：

<iframe
  src="https://blip-blip.vercel.app/embed"
  width="100%"
  height="500"
  style="border: none; border-radius: 12px;"
  allow="clipboard-write"
></iframe>
html

ダークテーマ

BLIPはデフォルトでダークテーマを使用します — ダーク系サイトとよく馴染みます。

イベントAPI

postMessageを通じて埋め込みからのイベントを受信してください：

window.addEventListener('message', (e) => {
  if (e.origin !== 'https://blip-blip.vercel.app') return;

  switch (e.data.type) {
    case 'blip:ready':
      // Widget loaded
      break;
    case 'blip:room-created':
      console.log('Room:', e.data.roomId);
      console.log('Share:', e.data.shareUrl);
      break;
    case 'blip:room-joined':
      console.log('Joined:', e.data.roomId);
      break;
    case 'blip:room-destroyed':
      console.log('Destroyed:', e.data.roomId);
      break;
  }
});
js
blip:readyウィジェット読み込み完了
blip:createdルーム作成完了 — roomIdとshareUrlを含む
blip:joinedユーザーがチャットルームに入室
blip:destroyedチャットルームが破棄された

提供される機能

完全なE2E暗号化

メインサイトと同じCurve25519 ECDH + XSalsa20-Poly1305暗号化。

広告なし

埋め込みモードはクリーンなUXのために完全に広告なし。

アカウント不要

ユーザーの登録やログインは不要。クリックするだけで会話開始。

自動破棄

全参加者が退出するとルームは破棄されます。痕跡は残りません。

ライブデモ

ライブBLIP埋め込みです。ルームを作成してリンクを共有してみてください！