未来環境ラボで開発し、ゼミでも使用している、ビデオ会議付きコラボツール: Presenceを、オープンソースライセンスで公開しました。
PresenceはTypeScriptとReactで実装されたコラボツールであり、以下のコンポーネントを持っています。
- ビデオ会議
- 仮想オフィス
- 背景画像上に利用者を表すアバター(円に名前が描画されたもの)が描画されます。アバター同士が近ければ声が聞こえ、遠くなると声が小さくなります。
- アバターの位置の共有にMadoiを使用しています。
- チャット
- 音声認識を備えたシンプルなチャットです。
- ホワイトボード
- シンプルな描画ツールです。
- 描画内容の共有にMadoiを使用しています。
- 付箋ボード
- 付箋を貼り付けられる共有ボードです。
- 付箋の位置や描画内容の共有にMadoiを使用しています。
- mermaid文書の共同編集
- Yjs, CodeMirrorを使用した mermaidドキュメントの共同編集機能です。
- YjsはUIのみで使用し、差分の共有にはMadoiを使用しています。
- 効果再生
- 効果音やリアクションアイコンを再生します。
- 再生の通知にMadoiを使用しています。
ツール間の通信にはMadoiを利用しています。こちらもオープンソースで公開している、コラボツールむけのメッセージ管理・配信サーバです。プロジェクト演習やマスタープロジェクトの題材として利用してください。