日: 2025年9月16日

コラボツールPresenceのソースコード公開

by ta_nakaguchiOSSLeave a Comment on コラボツールPresenceのソースコード公開

未来環境ラボで開発し、ゼミでも使用している、ビデオ会議付きコラボツール: Presenceを、オープンソースライセンスで公開しました。

PresenceはTypeScriptとReactで実装されたコラボツールであり、以下のコンポーネントを持っています。

  • ビデオ会議
    • SkyWayを使用して音声と映像を参加者間で送受信します。
    • Googleのmediapipeを利用した仮想背景にも対応しています。
  • 仮想オフィス
    • 背景画像上に利用者を表すアバター(円に名前が描画されたもの)が描画されます。アバター同士が近ければ声が聞こえ、遠くなると声が小さくなります。
    • アバターの位置の共有にMadoiを使用しています。
  • チャット
    • 音声認識を備えたシンプルなチャットです。
  • ホワイトボード
    • シンプルな描画ツールです。
    • 描画内容の共有にMadoiを使用しています。
  • 付箋ボード
    • 付箋を貼り付けられる共有ボードです。
    • 付箋の位置や描画内容の共有にMadoiを使用しています。
  • mermaid文書の共同編集
    • Yjs, CodeMirrorを使用した mermaidドキュメントの共同編集機能です。
    • YjsはUIのみで使用し、差分の共有にはMadoiを使用しています。
  • 効果再生
    • 効果音やリアクションアイコンを再生します。
    • 再生の通知にMadoiを使用しています。

ツール間の通信にはMadoiを利用しています。こちらもオープンソースで公開している、コラボツールむけのメッセージ管理・配信サーバです。プロジェクト演習やマスタープロジェクトの題材として利用してください。