ライブ・手描きフリップ
QuizBoard Live
生放送やオンラインイベント向けの手描きフリップ回答システムです。OBS取り込み(グリーンバック・透過表示)に完全対応。
アプリ概要
QuizBoard Live は、参加者がスマホやタブレットの画面上にペンで手描きした文字・イラストを、主催者画面や配信画面(OBS)へリアルタイムに集約・一斉オープンできるフリップシステムです。
TV番組のような「いっせーのーで!オープン!」の演出や、丸バツ判定、効果音(SE)再生、グリーンバック透過表示など、エンタメ感あふれるライブ配信を簡単に実現できます。
利用の流れ
【主催者】ルーム作成・OBS取り込み
ワンクリックで新規ルームを開設し、発行された5桁のルームIDを参加者に共有。OBS用のオーバーレイURLも取得できます。
【参加者】手描きボードで回答
共有されたルームIDとお名前を入力して参加。スマホ画面で手描きして「回答完了」を押すだけで自動同期されます。
主な機能一覧
主催者(管理者)
- 全ロック/全オープン/リセット
- 一括正解判定・ピンポンブーSE
- 個別オープン・個別クリア・強制退出
- リアルタイム回答状況カウント
- 名前サイズ・並び順・背景色調整
回答者(プレイヤー)
- 5色ペン/太さ調整スライダー
- 1手戻す(Undo)/全消去
- 回答完了・未完了ステータス送信
- 書き込みロック自動連動
OBS配信オーバーレイ
- 透過背景・グリーンバック対応
- オープン時フリップ回転アニメーション
- グリッド自動整列レイアウト
- 判定スタンプオーバーレイ
技術仕様
描画エンジン: HTML5 Canvas API / Pointer Events API
リアルタイム通信: Google Cloud Firestore (Snapshot Listeners)
音響システム: Web Audio API
ホスティング: Firebase Hosting
データ通信とプライバシーについて
本アプリは、手描きフリップの回答内容やオープン状態を主催者画面および配信画面(OBS)へリアルタイムに共有するため、Cloud Firestore と低遅延の同期通信を行います。
送信されるデータは、参加時に入力されたお名前(ニックネーム)と手描きのストローク座標データのみです。アカウント登録やメールアドレス等の個人情報の入力・保持は一切不要で、誰でも匿名で安心してご参加いただけます。