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

相关文章
相关标签/搜索