A one-to-one text, audio and video chat application built with webRTC and Ratchet (PHP WebSockets).
- PHP >= 5.4
- Every other required files are included or referenced as the case may be
To test this app on your local server:
- The Ratchet server must be ON. This can be achieved by navigating to video-call-app/ws/bin from your cli and run php server.php
- Run the app from your browser at:
http://localhost/video-call-app/
- Create and enter a room
- Enter the room from two different browsers (using the same link) and test by sending text chats. This can be done on the same device.
- The audio and video call is best tested on two different devices. This will require more configuration
- Open
video-call-app/js/comm.js
and change this lineconst wsChat = new WebSocket("ws://localhost:PORT/comm");
toconst wsChat = new WebSocket("ws://YOUR_SERVER_IP:PORT/comm");
- Open
video-call-app/ws/bin/server.php
and add your serverip address
to$allowed_origins
array, then replace thelocalhost
andPORT
in$app = new Ratchet\App('localhost', PORT, '0.0.0.0');
with yourip address
andPort number
respectively - Blam! Good to go. Navigate to
YOUR_IP_ADDRESS/video-call-app
on your browser on two different devices to start chatting - Works best on Chrome, Firefox and the latest versions of Opera desktop browser.
To host this online, you'll need to set up a few things:
-
Create Ratchet as a service so it can run persistently on your server. Check the file create-ratchet-as-a-service-with-daemon.txt for the guide on how to do this on CentOS7.
-
If on SSL, Ratchet won't work unless you make some changes on your server.
-
Enable mod_proxy.so
-
Enable mod_proxy_wstunnel.so
-
Open your apache config file and add this: ProxyPass /wss/ ws://YOUR_SERVER_IP_OR_DOMAIN:PORT/
e.g. ProxyPass /wss/ ws://www.abc.xyz:PORT/
-
From your front-end, you can connect like this:
const wsChat = new WebSocket("wss://YOUR_SERVER_IP_OR_DOMAIN/wss/comm");
However, if you are wondering how to edit apache config on WHM, here is how:
- After enabling those services (mod_proxy.so and mod_proxy_wstunnel.so), log in to WHM,
go to "service configuration" => "Apache configuration" => "include editor" => "pre main include",
select a version of your choice or choose "All versions". The file name should be "pre_main_global.conf'
- All your new configuration can be written in that textarea without tampering with httpd.conf directly. The configurations will be loaded on Apache start-up.
- Once you put the Proxypass directive there, restart your server and there you go.
-
This answer on Stack Overflow should be helpful.
You can test at https://1410inc.xyz/video-call-app.