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里面完成的。


原文地址:https://www.cnblogs.com/linl/p/4032057.html