Bonus points

  1. Take a look at chrome://webrtc-internals. (There is a full list of Chrome URLs at chrome://about).
  2. Style the page with CSS:
    • Put the videos side by side.
    • Make the buttons the same width, with bigger text.
    • Check this out on Chrome for Android.
  3. From the Chrome Dev Tools console, inspect localStream, localPeerConnection and remotePeerConnection.
  4. Take a look at localPeerConnection.localDescription. What does SDP format look like?

Finally if you are having any difficulty with putting this session together have a look at complete Session 03 HTML.