Sweshi's Tutorials

WEB RTC

Installation of web server

NB: If you already know how to work with web servers, skip this section and go straight to creating the video page

Web RTC has to run behind a web server. For local testing, install the Apache Web server. I installed Xampp which comes with the Apache tool. You can download Xampp on this link. Once Xampp is installed, you can then start the control panel and start the Apache Web Server by clicking on the start button. If started correctly, it should look like the following screenshot.

WebRTC xampp

Upon starting the web server, click on the “Explorer” button and this will open the Xampp directory.

Sunt in culpa qui officia deserunt mollit anim id est laborum consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco.

WebRTC explorer

Inside the directory is a folder named “htdocs.” Some web servers also use a different directory name like “www” or “public_html.” My instructions are based on the use of XAMPP and Apache.

WebRTC htdocs

The Document Root is the folder used to store websites accessible over the network from a web server. In this case it is the “htdocs” folder. Inside the “htdocs” folder, create a folder and name it webrtc. Make sure you are able to see file name extensions as shown in the figure below in the Windows OS.

WebRTC windows explorer

If you are able to see file name extensions, you can then proceed to create a new HTML file inside the webrtc folder created in the previous step. To create the HTML file, create a text file in the webrtc folder and then make sure that the extension is .php instead of .txt. Agree to the renaming warning that might come up. I have named the file “../index.php.” After everything is done, make sure the folder looks as shown in the figure below, the URL to the directory should be similar to this if using Windows.

WebRTC windows explorer

If this is done successfully, you can open the document using the web browser. In the URL, type in http://localhost/webrtc/../index.php . this will open the html file that has been created in the Document Root.