public/index.html

<!DOCTYPE html>
<html>
    <head>
        <title>webRTC chat</title>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1">
        <link rel="stylesheet" type="text/css" href="main.css">
        <script src="socket.io.js"></script>
    </head>
    <body>
        <div id="main">
            <div id="connectionStatus">
                <div id="makeConnection">
                    <form id="makeConnectionForm" action="#">
                        <input id="makeConnectionInputField" type="text" placeholder="Enter your friend's id here" autocomplete="off"/> 
                        <input type="submit" value="connect" />
                    </form>
                </div>
                <p id="welcome"></p>
                <p id="connectedOrDisconnected"></p>
            </div>
            <div id="videoContainer">
                <div id="localVideoController">
                    <video id="localVideo" autoplay muted></video>
                    <div id="control">
                        <input type="button" id="startButton" value="Call"></input>
                        <input type="button" id="stopButton" value="End"></input>
                    </div>
                </div>
                <div id="remoteVideoContainer">
                    <video id="remoteVideo" autoplay></video>
                </div>
                <div id="toast">
                </div>
            </div>
        </div>
        <div id="chatMessages">
            <ol id="chatMessagesList">
            </ol>
        </div>
        <div id="typeMessages">
            <form id="typeMessagesForm" action="#">
                <input type="text" id="chatTextField" placeholder="Type something" autocomplete="off">
                <input type="submit" value="Send" id="sendMessageButton"/>
            </form>   
        </div>
        <script src="jquery.js"></script>
        <script type="text/javascript" src="webrtc.js"></script>
    </body>
</html>