WebRTC Cookbook

Book Image

WebRTC Cookbook

By : Andrii Sergiienko

Book Image

WebRTC Cookbook

By: Andrii Sergiienko

Overview of this book

WebRTC Cookbook

WebRTC Cookbook

Credits

About the Author

About the Author

About the Reviewers

About the Reviewers

www.PacktPub.com

www.PacktPub.com

Preface

Free Chapter

Peer Connections

Peer Connections

Building a signaling server in Erlang

Building a signaling server in Java

Detecting WebRTC functions supported by a browser

Making and answering calls

Implementing a chat using data channels

Implementing a chat using a signaling server

Configuring and using STUN

Configuring and using TURN

Supporting Security

Supporting Security

Generating a self-signed certificate

Configuring a TURN server with authentication

Configuring a web server to work over HTTPS

Configuring a WebSockets proxy on the web server

Configuring a firewall

Integrating WebRTC

Integrating WebRTC

Integrating WebRTC with Asterisk

Integrating WebRTC with FreeSWITCH

Making calls from a web page

Integration of WebRTC with web cameras

Debugging a WebRTC Application

Debugging a WebRTC Application

Working with a WebRTC statistics API

Debugging with Chrome

Debugging using Wireshark

Working with Filters

Working with Filters

Working with colors and grayscale

Working with brightness

Working with contrast

Working with saturation

Working with hue

Using the sepia filter

Using the opacity filter

Inverting colors

Implementing the blur effect

Implementing the dropped shadow effect

Combining filters

Custom video processing

Native Applications

Native Applications

Building a customized WebRTC demo for iOS

Compiling and running an original demo for iOS

Compiling and running a demo for Android

Building an OpenWebRTC library

Third-party Libraries

Third-party Libraries

Building a video conference using SimpleWebRTC

Creating an application using RTCMultiConnection

Developing a simple WebRTC chat using PeerJS

Making a simple video chat with rtc.io

Using OpenTok to create a WebRTC application

Creating a multiuser conference using WebRTCO

Advanced Functions

Advanced Functions

Visualizing a microphone's sound level

Muting a microphone

Pausing a video

Taking a screenshot

Streaming media

Index

Customer Reviews

5 star

0

4 star

0

3 star

0

2 star

0

1 star

0

Using the sepia filter

This recipe covers the usage of the sepia filter to process a video captured from a remote peer or local web camera using WebRTC. This is a popular filter often used as a special effect for making video applications more friendly and warm.

How to do it…

The following steps will show you how to use the sepia filter:

Add a control element to the main web page of the application you're developing—using this object we will control the value of the applied Sepia filter:
```
Sepia
<input type="range" oninput="changeSepia(this.valueAsNumber);" value="0" step="0.1" min="0" max="1">
```

Add an appropriate JavaScript function:

function changeSepia(val) {
  var v = document.getElementById("localVideo");
  v.style.webkitFilter="sepia(" + val + ")";
};

Here, localVideo is the ID property of the HTML video tag for the local video playback.

Navigate your web browser to the web page. You will first see a raw video in the web camera, with no filter applied. In the following screenshot, you can...