Skip to content

v2.52.0

Choose a tag to compare

@tegnike tegnike released this 29 Jun 13:47
83cf5d6

新機能

  • AITuberKitを外部サイトに埋め込めるウィジェット機能を追加しました。
    • /embed/embed/[embedId] で埋め込み専用画面を表示できるようにしました。
    • public/embed.js から window.AITuberKitEmbed.mount() または data-aituber-kit-embed でiframeを生成できるようにしました。
  • 埋め込みIDごとの設定に対応しました。
    • キャラクター名、ユーザー表示名、システムプロンプト、モデル種別、VRM/Live2D/PNGTuberのパス、表示オプション、プリセット質問、テーマ、背景画像を設定できるようにしました。
    • URLクエリから埋め込み設定を上書きできるようにしました。

改善

  • 埋め込み画面ではコントロールパネル、クイックメニュー、メッセージ受信、スライドモードを無効化し、埋め込み用途に必要な表示へ絞るようにしました。
  • allowedOrigins による埋め込み元制限を追加し、許可されていないサイトからの表示を拒否できるようにしました。
  • 埋め込みiframeの幅、高さ、角丸、遅延読み込み、タイトルをHTML data属性またはmountオプションから指定できるようにしました。

テスト

  • allowedOrigins 未設定時、空referrer時、許可origin一致時、不一致時の判定をテストしました。

ドキュメント・翻訳

  • .env.example に埋め込み設定用の NEXT_PUBLIC_AITUBERKIT_DEFAULT_EMBED_IDNEXT_PUBLIC_AITUBERKIT_EMBEDS の説明・サンプルを追加しました。