zoukankan      html  css  js  c++  java
  • 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里面完成的。


  • 相关阅读:
    lua与C++的绑定
    lua与C的绑定
    如何得到真实的需求?
    mysql学习笔记——对数据库的操作
    排列组合公式
    英语口语积累笔记
    初学C++-----------------类的组合
    初学C++-----------------类的拷贝构造函数
    初学C++-----------------类的构造函数、析构函数
    初学C++-----------------类的定义
  • 原文地址:https://www.cnblogs.com/linl/p/4032057.html
Copyright © 2011-2022 走看看