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 TextEdit.

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 Save.

In the Save As field, type index.

Click the File Format drop-down field and select Web Page (.html).

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

MacOS

2. Creating the index.html Page

Optional Content: HTML