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


TogetherJS分為兩大部分,一個是hu文件夾中的服務端;另外一個是TogetherJS文件夾中的Together.JS文件,包含了所有的網頁文字、語音等操作。

需要預先安裝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.js

 

5.官方的體驗方式是,在html中加入以下兩段,則可以體驗試用:

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

 

 

即引用一個JS,在新建一個button,調用函數。如果本地部署,需要在引用js之前先加一段  

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

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

 

6.然后打開瀏覽器的開發者工具,把js里面的一些資源路徑全部改好。(原來的資源路徑、擴展名等都是亂的)

 

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

 

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

 

9.想抽取語音、視頻聊天部分出來,可以去togetherjsPackage.js里面找,所有的操作都在這個js里面完成的。


 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM