演示:https://chat.gise.at
主題標籤後的字符定義房間,如果未選擇主題標籤,則顯示“創建房間”對話框。
例如,所有具有鏈接鏈接的訪問者https://chat.gise.at/#Roulette-Chat進入一個房間,可以在那裡互相交流。
因此,只需轉發當前的URL邀請他人。
進行此視頻聊天是為了將其安裝在自己的Web服務器上。為了發出信號,您可以使用免費的firebase項目或在node.js上使用聊天服務器基礎。
您本地開發環境中的負載代碼和依賴關係:
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”:“”},...])。
每次安裝可以單獨激活某些功能。
{
"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