![#XRKaigi 「Mozilla Hubsを用いたバーチャルイベントのWebVR化～その可能性と実際～」[20201208] #VRStudioLab](https://cdn.slidesharecdn.com/ss_thumbnails/20201208-xrkaigi2020-v4-nonvoice-201224112755-thumbnail.jpg?width=560&fit=bounds)
More Related Content
What's hot (20)
Similar to Hubsカスタマイズ 行動ログ取得やバックエンドの話 (20)
Recently uploaded (8)
![ElasticsearchでSPLADEする [Search Engineering Tech Talk 2025 Winter]](https://cdn.slidesharecdn.com/ss_thumbnails/searchtech-250228102455-ddc5ce09-thumbnail.jpg?width=560&fit=bounds)
Hubsカスタマイズ 行動ログ取得やバックエンドの話
- 5. 過去実績（１） Hubsでらくらく決済 クライアントコード Hubsの改造 Iframe ×「どこでもColor me」 VTech Challenge 2020 10/23 最終選考会 https://vr.gree.net/lab/vtc/vtc20/ 5
- 6. 過去実績（2） 別WEBサイトとのログイン連携 LambdaのAPI とReticulumのDB編集により実現 WebXR Tech Tokyo #3 2020/10/28 https://youtu.be/zRMkx9WxsM0 6
- 7. 過去実績（3） OPEN CONNECT IDによるログイン連携 WebXR Tech Tokyo #4 2021/1/28 https://youtu.be/H-duxMNRT0s 7
- 12. なんでElixir/Phoenix? WebSocketでチャンネル作ってBroadcastするWebRTC機能がサクッと書ける 実際、リアルタイムチャットのWEBアプリが一瞬で出来て感動しました Topic A Channel Topic B Channel Topic A Channel PubSub サーバーサイド チャンネルの定義例 PubSubのイメージ トピック名 イベント名 12
- 16. 開発手順その1. hubsとreticulumをローカルで動かす Hubsのみならそんなにだが、 Reticulumをローカルに落としてHubsと疎通させるのは 一苦労??? 当該手順は下記GitHubとQiita記事をご参考に↓ hubsリポジトリ ? https://github.com/mozilla/hubs reticulum リポジトリ ? https://github.com/mozilla/reticulum Reticulumをローカル実行してデプロイする↓ https://qiita.com/wirsind55/items/b409fb9b0ff4ceb6eb9d ザックリで言うと、 下記の流れでインストール Ubuntu18.04 LTS →PostgreSQL11 →Node 12.16 npm 6.14.4 →Erlang23OTP / Elixir1.1 →Phoenix 1.5.9、inotify-tools →Ansible →Hubs クローン＆インストール →Reticulum クローン＆インストール 16
- 18. 開発手順その2. ログファイル出力のライブラリ「Logger file backend」 で座標データのログをファイル保存する 手順は@mserizawaさんの記事 「Phoenix でエラーログをファイルに出力したりメールで送信したりする (https://qiita.com/mserizawa/items/be003d48982e709b8063)」 を参考にしました 1. mix.exs にLogger file backendを追記してインストール 2. config.exs に出力先パスやログレベルを設定 3. 実行してHubsの部屋内でアバターを動かす config.exs 18