Setting up the page

To start, we need to create a basic HTML page. The following is the boilerplate code used to give us something to work from. Copy this code into your own index.html document:

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <title>Learning WebRTC - Chapter 5: Connecting Clients Together</title> <style> body { background-color: #3D6DF2; margin-top: 15px; font-family: sans-serif; color: white; } video { background: black; border: 1px solid gray; } .page { position: relative; display: block; margin: 0 auto; width: 500px; height: 500px; } #yours { width: 150px; height: 150px; position: absolute; top: 15px; right: 15px; } #theirs { width: 500px; height: 500px; } </style> </head> <body> <div id="login-page" class="page"> ...

Get Learning WebRTC now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.