6. Sending Data with WebRTC | Learning WebRTC

Sign In Start Free Trial

Book Overview & Buying
Table Of Contents

Learning WebRTC

By : Daniel M. Ristic

4 (5)

Learning WebRTC

4 (5)

By: Daniel M. Ristic

Overview of this book

If you are a web developer who wants to create well designed WebRTC applications for your users, this is the book for you. Even if you are early in your web development career, this book aims to provide a complete understanding of the WebRTC API. It is assumed that you have previous exposure to web development using HTML5 and JavaScript technologies.

Preface

Preface

What this book covers

What you need for this book

Who this book is for

Conventions

Reader feedback

Customer support

Free Chapter

1. Getting Started with WebRTC

1. Getting Started with WebRTC

Audio and video communication today

Enabling audio and video on the Web

Creating web standards

Using WebRTC in your browser

Applications enabled by WebRTC

Self-test questions

Summary

2. Getting the User's Media

2. Getting the User's Media

Getting access to media devices

Constraining the media stream

Handling multiple devices

Modifying the media stream

Self-test questions

Summary

3. Creating a Basic WebRTC Application

3. Creating a Basic WebRTC Application

Understanding UDP transport and real-time transfer

The WebRTC API

Building a basic WebRTC application

Running your first WebRTC application

Self-test questions

Summary

4. Creating a Signaling Server

4. Creating a Signaling Server

Building a signaling server

Setting up our environment

Getting a connection

Identifying users

Initiating a call

Answering a call

Handling ICE candidates

Hanging up a call

Complete signaling server

Signaling in the real world

Self-test questions

Summary

5. Connecting Clients Together

5. Connecting Clients Together

The client application

Setting up the page

Getting a connection

Logging in to the application

Initiating a call

Hanging up a call

A complete WebRTC client

Improving the application

Self-test questions

Summary

6. Sending Data with WebRTC

6. Sending Data with WebRTC

Stream Control Transmission Protocol and data transportation

The RTCDataChannel object

Encryption and security

Adding text-based chat

Use cases

Self-test questions

Summary

7. File Sharing

7. File Sharing

Getting a file with the File API

Breaking down a file into chunks

Putting it together on the other side

Showing progress to the user

Self-test questions

Summary

8. Advanced Security and Large-scale Optimization

8. Advanced Security and Large-scale Optimization

Securing the signaling server

Supporting mobile devices

Introduction to mesh networking

Video conferencing with more users

The future of conference calls

Self-test questions

Summary

A. Answers to Self-test Questions

A. Answers to Self-test Questions

Chapter 1, Getting Started with WebRTC

Chapter 2, Getting the User's Media

Chapter 3, Creating a Basic WebRTC Application

Chapter 4, Creating a Signaling Server

Chapter 5, Connecting Clients Together

Chapter 6, Sending Data with WebRTC

Chapter 7, File Sharing

Chapter 8, Advanced Security and Large-scale Optimization

Index

Index

Adding text-based chat

Now we will use what we have learned in this chapter to add data channel support to our communication application. Since the data channel can be used for any arbitrary data, we are going to add text-based chat as another feature of our application. The users will have a text box to enter a message into and a display of all the messages in the current call. When we are finished, it will end up looking something similar to this:

To get started, we will change the call page of our application. We will add three new elements—an input text field, a button, and a div. The input area and button will allow the user to enter text while div will hold all the messages between each user.

<div id="call-page" class="page">
      <video id="yours" autoplay></video>
      <video id="theirs" autoplay></video>
      <input type="text" id="their-username" />
      <button id="call">Call</button>
      <button id="hang-up">Hang Up&lt...

CONTINUE READING

83

Tech Concepts

36

Programming languages

73

Tech Tools

Unlimited access to the largest independent learning library in tech of over 8,000 expert-authored tech books and videos.

Innovative learning tools, including AI book assistants, code context explainers, and text-to-speech.

50+ new titles added per month and exclusive early access to books as they are being written.

Learning WebRTC

Search

Your notes and bookmarks