gise video chat Download - gise video chat Quellcode herunterladen

gise video chat

AI-Quellcode

Version 1.0.22

Herunterladen

Gise Video Chat: Video -Chat für Ihren eigenen Webserver

Merkmale

Open-Source
Für kleine Gruppen
Browserbasiert
Signalisierung über Chat -Server oder FireBase
Kein Medienserver
Bildschirmfreigabe
Text-Chat mit Bildern
Änderung der Video- und Mikrofonquelle
Mehrsprachiger (Englisch und Deutsch)
Mobilfreundlich
Anpassbares Design

Demo

Demo: https://chat.gise.at

Die Zeichen nach dem Hashtag definieren den Raum, wenn kein Hashtag ausgewählt ist, wird der Dialogfeld "Raum erstellen" angezeigt.

Beispielsweise sind alle Besucher mit einem Link zu https://chat.gise.at/#roulette-chat in einen Raum ein und können dort miteinander kommunizieren.

Daher leiten Sie einfach die aktuelle URL weiter, um andere einzuladen.

Eigene Installation

In diesem Video -Chat wird es auf einem eigenen Webserver installiert. Für die Signalisierung können Sie ein kostenloses Firebase -Projekt oder die Chat -Server -Basis auf node.js.

Voraussetzungen

Lokale Entwicklungsumgebung
- Git
- Node.js
- NPM
Server
- Nginx oder Apache

Konfiguration

Laden Sie Code und Abhängigkeiten in Ihrer lokalen Entwicklungsumgebung:

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

Konfiguration erstellen und Dateien anpassen

Linux

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

Fenster

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

Passen Sie die Konfiguration an

Die vollständige Konfiguration kann in der Datei src/config.json erstellt werden.

Das Wichtigste ist die "Austauschdienste" für die Signalisierung. Es gibt zwei Möglichkeiten zur Signalisierung, über den Node.js -Basis -Chat -Server oder ein kostenloses Firebase -Projekt.

In "ExchangeServices/Service" wird angegeben, ob der Chat-Server (Chat-Server) oder Firebase (Firebase) verwendet wird.

Chat -Server

Für die Verbindung zum Chat -Server müssen Sie den Chat -Server auf einem eigenen Server installieren. In "ExchangeServices/Chat-Server/Host" müssen Sie diesen Server den Web-Socket-URI hinzufügen.

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

Firebase

Sie müssen ein kostenloses Firebase -Projekt mit anonymer Authentifizierung und Echtzeitdatenbank erstellen. Die Firebase -Konfiguration muss unter "Exchangeservices/Firebase" hinterlegt werden.

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

Betäubchen und Server betätigen

Zusätzlicher Stun/Turn -Server kann auch in Kommunikation/WEBRTC/ICESERVERS hinzugefügt werden. Um diesen Video -Chat hinter einigen Firewalls und Nats zu verwenden, benötigen Sie einen Turn -Server.

Liste der kostenlosen Betäubung und Turn -Server

Bei bestimmten Systemen (z. B. Twilio) ist es notwendig, dass sich die ICESERVERVERSCHEN häufig ändern. Daher ist es möglich, die ICESERVER -Konfiguration dynamisch mit Kommunikation/webtc/icerverversFromurl zu laden. In der angegebenen URL wird eine Rückgabe im JSON -Format auf die gleiche Weise angefordert wie mit dem Parameter ICESERVERS ([{"urls": ""}, ...]).

Merkmale

Einige Funktionen können pro Installation einzeln aktiviert werden.

SoundEffects (False) -> Aktivieren Sie Soundeffekte für verschiedene Ereignisse
mutepartner (true) -> Funktion zum stummen Partner für alle
SoundoffPartner (True) -> Funktion, um den Sound für einen Partner auf einen abzulegen

Beispiel Vollständige Chat -Konfiguration

{
    "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
    }
}

Passen Sie das Design an

Sie können Ihre Sass -Design -Anpassungen in die Datei "SRC/Assets/SASS/_custom.scss" hinzufügen. Der einfachste Weg ist, die Variablen von _Settings.scss hier zu überschreiben. Diese Datei bleibt auch nach einem Update.

Video -Chat für die Entwicklung bereitstellen

 grunt deploy

Fügen Sie Inhalte aus dem DIST -Verzeichnis zum Dokumentroot Ihres lokalen Webservers hinzu.

Video -Chat für die Produktion bereitstellen

 grunt deploy --target=production

Kopieren Sie den Inhalt des DIST -Verzeichnisses auf Ihren Webserver.

Entwicklung

 grunt watch

Ändern Sie den kompilierten Code im DIST -Verzeichnis, nachdem Sie eine Projektdatei gespeichert haben. Im Idealfall ist das DIST -Verzeichnis das Dokumentenrouch eines lokalen Webservers wie Nginx oder Apache.