2. Creating the index.html Page

Watch: Create the index.html file

For the next step, we will need to create a HTML page where we can copy the code.

Process:

Open Notepad.

Copy the code this code:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Voice Call</title> <link rel="stylesheet" href="./styles/style.css"> </head> <body> <h1> Voice Call<br><small style="font-size: 14pt;">Powered by Agora.io</small> </h1> <h4>Local video</h4> <div id="me"></div> <h4>Remote video</h4> <div id="remote-container"> </div> <script src="./scripts/script.js"></script> </body> <script src="./AgoraRTCSDK-3.5.2.js"></script> </html>
Paste the code into the text editor.

Click File.

Click Save As.

In the Filename field, type index.html.

Click the Save as type drop-down field and select all files.

Save to your project folder.

Optional Content: HTML

If you would like to read more about HTML and the use with our current hands-on activity, please follow this link.

HTML

Windows

2. Creating the index.html Page

Optional Content: HTML