Download de gise video chat - gise video chat gise Download

gise video chat

Código-Fonte de IA

Version 1.0.22

Baixar

Gise Video Chat: Chat de vídeo para seu próprio servidor da web

Características

Código aberto
Para pequenos grupos
Baseado no navegador
Sinalização sobre o servidor de bate -papo ou o FireBase
Nenhum servidor de mídia
Compartilhamento de tela
Text-bate com imagens
Mudança do vídeo e fonte de microfone
Multilíngue (inglês e alemão)
Amigável para dispositivos móveis
Design personalizável

Demonstração

Demo: https://chat.gise.at

Os caracteres após a hashtag definem a sala, se nenhuma hashtag for selecionada, a caixa de diálogo Criar salas será exibida.

Por exemplo, todos os visitantes com um link para https://chat.gise.at/#roulette-chat entram em uma sala e podem se comunicar lá.

Portanto, simplesmente encaminhe o URL atual para convidar outros.

Própria instalação

Este bate -papo por vídeo é feito para instalá -lo em um servidor da web. Para sinalização, você pode usar um projeto FireBase gratuito ou usar a base do servidor de bate -papo no Node.JS.

Pré -requisitos

Ambiente de desenvolvimento local
- Git
- Node.js
- npm
Servidor
- nginx ou apache

Configuração

Código de carga e dependências em seu ambiente de desenvolvimento local:

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

Crie configuração e personalize arquivos

Linux

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

Windows

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

Ajuste a configuração

A configuração completa pode ser feita no arquivo src/config.json.

O mais importante é o "trocador" para sinalizar. Existem duas maneiras de sinalizar, sobre o Node.js Base Chat Server ou um projeto de Firebase gratuito.

Em "TrockeServices/Service", é especificado se o servidor de bate-papo (servidor de bate-papo) ou FireBase (FireBase) é usado.

Servidor de bate -papo

Para o servidor de conexão para chat, você deve instalar o Chat Server em um servidor próprio. Em "trockeServices/chat-server/host", você deve adicionar o URI do soquete da web a este servidor.

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

Firebase

Você precisa criar um projeto de Firebase gratuito com autenticação anônima e banco de dados em tempo real. A configuração do Firebase deve ser depositada em "trocadores de serviços de fogo".

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

Servidor de atordoamento e virar

O servidor de atordoamento/Turn adicional também pode ser adicionado no Communication/WebRTC/ICERSERVERS. Para usar este bate -papo por vídeo atrás de alguns firewalls e Nats, você precisa de um servidor de turno.

Lista de servidor de atordoamento e virar grátis

Com certos sistemas (por exemplo, Twilio), é necessário que os ICeservers mudem com frequência. Portanto, é possível carregar a configuração do ICERSERVER dinamicamente com a comunicação/webrtc/iCeServersFromurl. No URL fornecido, um retorno no formato JSON é solicitado da mesma maneira que no parâmetro iCeServers ([{"urls": ""}, ...]).

Características

Alguns recursos podem ser ativados individualmente por instalação.

efeitos sonoros (false) -> Ative efeitos sonoros para eventos diferentes
MUTEPARTNER (TRUE) -> Função para silenciar o parceiro para todos
SoundOffPartner (True) -> Função para adiar o som em um para um parceiro

Exemplo de configuração completa de bate -papo

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

Ajuste o design

Você pode adicionar suas adaptações de design SASS ao arquivo "SRC/ASSETS/SASS/_CUSTOM.SCSS". A maneira mais fácil é substituir as variáveis do _Settings.scsss aqui. Este arquivo permanece mesmo após uma atualização.

Implante de bate -papo de vídeo para desenvolvimento

 grunt deploy

Adicione o conteúdo do diretório Dist à raiz do documento do seu servidor da web local.

Implante de bate -papo de vídeo para produção

 grunt deploy --target=production

Copie o conteúdo do diretório Dist para o seu servidor da web.

Desenvolvimento

 grunt watch

Altere o código compilado no diretório Dist após salvar um arquivo de projeto. Idealmente, o diretório Dist é a raiz do documento de um servidor da Web local como Nginx ou Apache.