gise video chat

GISE视频聊天：您自己的Web服务器的视频聊天

特征

• 开源
• 对于小组
• 基于浏览器
• 通过聊天服务器或Firebase发出信号
• 没有媒体服务器
• 屏幕共享
• 带有图像的文字聊天
• 视频和麦克风来源的更改
• 多语言（英语和德语）
• 移动友好
• 可自定义的设计

演示

演示：https：//chat.gise.at

主题标签后的字符定义房间，如果未选择主题标签，则显示“创建房间”对话框。

例如，所有具有链接链接的访问者https://chat.gise.at/#Roulette-Chat进入一个房间，可以在那里互相交流。

因此，只需转发当前的URL邀请他人。

自己的安装

进行此视频聊天是为了将其安装在自己的Web服务器上。为了发出信号，您可以使用免费的firebase项目或在node.js上使用聊天服务器基础。

先决条件

• 地方发展环境
  • git
  • node.js
  • NPM
• 服务器
  • nginx或apache

配置

您本地开发环境中的负载代码和依赖关系：

 git clone https://github.com/vgiselbrecht/gise-video-chat.git gise-video-chat
cd gise-video-chat
npm install

创建配置并自定义文件

Linux

 cp src/config.tmp.json src/config.json
cp src/assets/sass/_custom.tmp.scss src/assets/sass/_custom.scss 

视窗

 copy srcconfig.tmp.json srcconfig.json
copy srcassetssass_custom.tmp.scss srcassetssass_custom.scss 

调整配置

完整的配置可以在src/config.json文件中进行。

最重要的是发出信号的“交换服务”。通过Node.js Base Chat Server或Free Firebase项目，有两种信令的方法。

在“交换服务/服务”中，指定了使用聊天服务器（聊天服务器）还是firebase（firebase）。

聊天服务器

要连接聊天服务器，您必须在自己的服务器上安装聊天服务器。在“交换/聊天服务器/主机”中，您必须将Web套接字URI添加到此服务器中。

{
    "exchangeServices" : { 
        "service" : " chat-server " ,
        "chat-server" : {
            "host" : " wss://chat-server.example.com "
        }
    },
}

火基

您需要使用匿名身份验证和实时数据库创建一个免费的壁炉项目。燃料构型必须存放在“交换/firebase”中。

{
    "exchangeServices" : { 
        "service" : " firebase " ,
        "firebase" : {
            "apiKey" : " " ,
            "authDomain" : " " ,
            "databaseURL" : " " ,
            "projectId" : " " ,
            "storageBucket" : " " ,
            "messagingSenderId" : " " ,
            "appId" : " " ,
            "measurementId" : " "
        }
    },
}

电视和转动服务器

还可以在Communication/webrtc/iCeservers中添加其他晕眩/转弯服务器。要使用一些防火墙和NAT后面的视频聊天，您需要转弯服务器。

免费眩晕和转向服务器的列表

对于某些系统（例如Twilio），ICESERVERS有必要经常更改。因此，可以使用Communication/webrtc/iCeserversFromurl动态加载ICESERVER配置。在给定的URL中，以与ICESERVERS参数相同的方式请求以JSON格式的返回（[{“ urls”：“”}，...]）。

特征

每次安装可以单独激活某些功能。

• 声音效应（false） - >激活不同事件的声音效果
• MutePartner（true） - >函数使所有人静音合作伙伴
• soundoffpartner（true） - >函数可以将声音放在伴侣

示例完整的聊天配置

{
    "meta" : {
        "title" : " Video Chat " ,
        "description" : " Open-Source video chat based on WebRTC and Firebase. " ,
        "keywords" : " chat, webrtc, video-call, video-chat " ,
        "image" : " "
    },
    "privacy" : {
        "firebaseAnalytics" : 0 ,
        "imprint" : " " ,
        "gdpr" : " "
    },
    "exchangeServices" : { 
        "service" : " chat-server " ,
        "chat-server" : {
            "host" : " wss:// "
        }
    },
    "communication" : {
        "webrtc" : {
            "iceServers" : [
                { "urls" : " stun:stun.services.mozilla.com " }, 
                { "urls" : " stun:stun.l.google.com:19302 " }
            ],
            "iceServersFromUrl" : " "
        }
    },
    "features" : {
        "soundEffects" : false ,
        "mutePartner" : true , 
        "soundOffPartner" : true
    }
}

调整设计

您可以将SASS设计改编添加到“ SRC/Assets/Sass/_Custom.scss”中。最简单的方法是从_settings.scss覆盖变量。即使在更新后，此文件仍保留。

部署视频聊天进行开发

 grunt deploy

将内容从DIST目录添加到您本地Web服务器的文档根。

部署视频聊天进行生产

 grunt deploy --target=production

将内容从DIST目录复制到您的Web服务器。

发展

 grunt watch

保存项目文件后，在DIST目录中更改编译的代码。理想情况下，DIST目录是NGINX或APACHE等本地Web服务器的文档根。

赞助

您可以通过GitHub赞助我赞助我。

作为认可，我很乐意收到一颗星星。

总是欢迎提出的建议和拉拉请求。

执照

Apache许可证2.0