TogetherJS本地部署,基於websocket的網頁即時視頻、語音、文字聊天

TogetherJS分爲兩大部分,一個是hu文件夾中的服務端;另一個是TogetherJS文件夾中的Together.JS文件,包含了全部的網頁文字、語音等操做。html

須要預先安裝Node.js,能夠百度到。

1.去githu中下載TogetherJS最新的代碼。https://github.com/mozilla/togetherjs/tree/develop

2.解壓以後,在cmd的窗口中進入文件夾,假設解壓後文件夾是togetherjs,則cd togetherjs

3.輸入npm install websocket optimist,下載websocket的庫,此處須要Node.js支持

4.輸入node hub/server.js 啓動服務,即啓動hu文件夾中的server.jsnode

 

5.官方的體驗方式是,在html中加入如下兩段,則能夠體驗試用:git

<script src="https://togetherjs.com/togetherjs-min.js"></script>
<button onclick="TogetherJS(this); return false;">Start TogetherJS</button>

 

 

即引用一個JS,在新建一個button,調用函數。若是本地部署,須要在引用js以前先加一段  github

<script>
  TogetherJSConfig_hubBase = "http://localhost:8080";//這個是你本地服務器地址
</script>

此外,script的引用src也要改爲本地文件夾內的together.jsweb

 

6.而後打開瀏覽器的開發者工具,把js裏面的一些資源路徑所有改好。(原來的資源路徑、擴展名等都是亂的)npm

 

7.最後仍是會報assert錯誤,打開together.js,把https://togetherjs.com/togetherjs-min.js裏面的togetherjs-min.js下載下來,
用對比工具對比一下,發現時baseUrl這個參數的初始值有問題。在min.js裏面,會從他官網服務器上加載一個togetherjsPackage.js,
可是本地服務器沒有,(經過開發者工具找到地址)拷貝下來放到本地服務器,並修改baseUrl的地址爲本地服務器的。瀏覽器

 

8.此時打開網頁,已經能在本地部署訪問了。服務器

 

9.想抽取語音、視頻聊天部分出來,能夠去togetherjsPackage.js裏面找,全部的操做都在這個js裏面完成的。websocket

相關文章
相關標籤/搜索