aframe sharedspace component

Aframe SharedSpace-Component

A型VR組件以WEBRTC創建多用戶體驗

在線嘗試VR聊天！

sharedspace組件提供了一個簡單的參與模型，其中參與者加入或留下命名的房間，向其他同行發送消息並發布音頻流。它在WEBRTC的頂部運行，在點對點會話管理上，信號基礎架構最少。

sharedspace組件涵蓋了特定的用戶酶。如果您正在尋找一種更通用的解決方案來解決網絡同步A框架場景，請查看Hayden Lee的networked-aframe 。

https

WEBRTC僅適用於安全起源，因此您的網站必須從localhost或HTTPS提供，才能使組件工作。如果您需要從Internet訪問您的應用程序，請使用Ngrok或在小故障上完全構建。這兩個選項都很好。

安裝

您需要在系統中安裝node和npm 。安裝後，只需從項目的根部運行以下命令即可作為依賴項安裝：

$ npm install --save aframe-sharedspace-component

或在包含A框後將腳本標籤添加到組件中：

 < script src =" https://unpkg.com/[email protected]/dist/aframe-sharedspace-component.min.js " > </ script > 

最小設置

一旦安裝了A型框架和sharedspace組件，這就是創建聊天室所需的所有HTML（真的！）：

 < a-scene >
  < a-entity sharedspace =" audio: true " avatars >
  </ a-entity >
</ a-scene >
< template >
  < a-sphere radius =" 0.1 " > </ a-sphere >
</ template >

不幸的是，聊天室缺乏裝飾和化身的聊天室是球形，這不是代表人頭的最佳方法。相反，請查看Glitch上的VR聊天應用程序，以進行功能最小的設置。

文件

安裝sharedspace時，將註冊四個組件A框架：

成分	描述
sharedspace	提供參與模型。
avatars	管理參與者的化身。
share	控制參與者分享的狀態。
position-around	向手放置一個實體圍繞中心點。

在準備更多webby版本的文檔時，請查看組件概述文檔。

貢獻

如果您想為項目做出貢獻，請克隆存儲庫並安裝依賴項：

$ npm install

在端口8080和端口9000本地WEBRTC信號服務器上運行以下命令，以運行Live-lilesload偵聽本地服務器：

$ npm start

要使sharedspace組件使用本地信號服務器，請使用provider屬性：

 < a-entity sharedspace =" provider: http://localhost:9000 " >
  <!-- Here is the content of your shared space -->
</ a-entity > 

建造

如果要生成庫的JavaScript捆綁包，請運行以下命令，並且該軟件包將在dist文件夾下方：

$ npm run build

尺寸分析

您可以設置SIZE_ANALYSIS環境變量，以可視化束組件的大小。

$ SIZE_ANALYSIS=1 npm run build

部署

要在github頁面上與庫一起部署演示，請使用以下命令。 remeber更改origin遙控器以指向您自己的存儲庫。

$ npm run deploy

學分

庫存的動漫面部模型放養在CC歸因下獲得許可