Here is the demo and explanation of the web application. It is a brief explanation about how we used the 4 principles of OOP in this web application.
Asterisk - Video Conference Web Application
- Login / Signup
- Working Database
- Chat messaging with the users in the video conference
- Video Conference many-to-many
Assuming that you are using VSCode
To try the app you need to follow these steps:
First make a new cmd and write these commands.
cd src/asterisk
npm install
Then make a new cmd and write these commands.
cd src/app
npm install
Create a new cmd and write these commands as well.
cd src/chatapp
npm install
Write `ipconfig` in your cmd for the `app` and copy your IPv4 Address.
Go to config.js:
- src
- app
- src
- config.js
Then edit out the announcedIp from the config.js.
webRtcTransport: {
listenInfos: [
{
protocol: "udp",
ip: '0.0.0.0',
announcedIp: '192.168.0.110' // Replace by public IP address
}
],
enableUdp: true,
enableTcp: true,
preferUdp: true
},
These can be run in any order.
Let's run the `app` cmd first; this is the WebRTC API. (cmd should be at the src/app)
npm run start:dev
Run the `chatapp` cmd; this is the ChatSystem API. (cmd should be at the src/chatapp)
npm run start
Now let's run the login / signup system; this is the Login / Signup API.
- Find the
login-systemfolder then go to this folder:
- src
- login-system
- src
- main
- java
- com
- burgis
- loginsystem
- LoginSystemApplication.java
- Now
right-clicktheLoginSystemApplication.javaand select Run java. This will create a new cmd.
Now let's run the main react app (cmd should be at the src/asterisk).
npm start
Now with all that, it should run a localhost in your browser and you can use it.
