Git Product home page Git Product logo

ant-server-webrtc-chat-room's Introduction

ant-server-webrtc-chat-room

This is n to n video chat room for ant media server.

It is a simple webrtc group chat application that using Ant Media Server as SFU

Room Page

Ant Media server installation

Download the ant media server from ANT MEDIA SERVER

You can find installation guide on github ANT GITHUB REPO

INSTALLATION

git clone [email protected]:Lethea/ant-server-webrtc-chat-room.git

There is two project

  1. Nodejs Client : This includes index.html + ant websocket connect api ( antapi.js )

    • Ant server websocket api send publish / play request to the ant server
    • Listen ant server websocket response
    • Connect Nodejs server for chat room operation such as login / disconnect
  2. Nodejs Server : This provide login to chat room, listen events, messaging

    • This is for chatroom application
    • Allows user to login to the given room
    • Allows user to public chat
    • Listen login / disconnect event

On Nodejs Server Run Following Command


npm install --save express

npm install --save socket.io

CONFIGURATION

As you know, webrtc isn't allowed when the page is not safe ( https )

Please install ssl to your ant server or proxy pass the request to the ant websocket

Change the ant media websocket url in nodeclientjs/assets/js/antapi.js with your own

var wsURL = "wss://my_ant_server_ip/WebRTCAppEE/websocket";

Change the nodejs websocket url in nodejsclient/index.html

var socketIoConnectionUrl = "https://10.6.1.136";

By default, the nodejs application run on port 3000, define ssl to nodejs or proxy pass the 443 with socket.io path to 3000

CONNECT TO CHAT ROOM

cd nodejsserver

node videochat.js

Open your nodejsclient with https

https://your_web_server_ip/nodejsclient/index.html

Login Page

Login Page

  • Enter your nickname (English Characters & Numbers without space required)
  • Enter your Room Name (English Characters & Numbers without space required)

Room Page

Note

For proxy pass you can use nginx as well

Features

  • Login
  • Dynamic Chat Room
  • Text Chat
  • Play / Publish Implementation
  • PeerConnection / Icecandidate etc webrtc stuff implemented
  • Text Chat
  • Selecting Camera / Microphone
  • Publish Stream Button ( Now starting automatically )
  • Ant Api Implementation for local user must be changed
  • Token Play / Publish
  • External Player Link For Hls Playback
  • Typo Control
  • Test
  • Maybe Angular 2+ implementation will be good at client side

Contact

Mail : [email protected]
Phone / Whatsapp / Telegram : +90 532 346 67 79
Donate :   1HxYXXDNQen9kDHjdjPrHkj1xS64fkENes ( BTC )
           Ld8BNcvP69146jgT5hVbTzSsnL7q6WoUSg ( LTC ) 
           0x77935c829b0f12b05151ec7bce31d58a97f735e8 ( ETH ) 

ant-server-webrtc-chat-room's People

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.