5. Working with Filters | WebRTC Cookbook

Sign In Start Free Trial

Book Overview & Buying
Table Of Contents
Feedback & Rating

WebRTC Cookbook

By : Sergiienko

5 (1)

WebRTC Cookbook

5 (1)

By: Sergiienko

Overview of this book

If you are a JavaScript developer with a basic knowledge of WebRTC and software development, but want to explore how to use it in more depth, this book is for you.

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. Peer Connections

1. Peer Connections

Introduction

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

2. Supporting Security

2. Supporting Security

Introduction

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

3. Integrating WebRTC

3. Integrating WebRTC

Introduction

Integrating WebRTC with Asterisk

Integrating WebRTC with FreeSWITCH

Making calls from a web page

Integration of WebRTC with web cameras

4. Debugging a WebRTC Application

4. Debugging a WebRTC Application

Introduction

Working with a WebRTC statistics API

Debugging with Chrome

Debugging TURN

Debugging using Wireshark

5. Working with Filters

5. Working with Filters

Introduction

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

6. Native Applications

6. Native Applications

Introduction

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

7. Third-party Libraries

7. Third-party Libraries

Introduction

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

8. Advanced Functions

8. Advanced Functions

Introduction

Visualizing a microphone's sound level

Muting a microphone

Pausing a video

Taking a screenshot

Streaming media

Index

Index

Customer Reviews

5 (1)

5 star

100%

4 star

0

3 star

0

2 star

0

1 star

0

Working with hue

In this recipe, we will learn how to control the video's hue. Usually, you will not use this filter in your applications, although, sometimes it might be helpful; for example when you're using some kind of specific video equipment that might need this way of processing video.

How to do it…

Follow the given steps:

Add a control element to the application's main web page—using this object we will change the video's hue:
```
Hue
<input type="range" oninput="changeHue(this.valueAsNumber);" value="0" step="20" min="0" max="360">
```
Here, you can see that we have set the max value as 360—this is because the hue's value is tied to degrees. In this universe, we have 360 degrees, so the maximum value for this filter is set to 360.
Add an appropriate JavaScript function:
```
function changeHue(val) {
  var v = document.getElementById("localVideo");
  v.style.webkitFilter="hue-rotate(" + val + "deg)";
};
```
We have also added the deg postfix to the filter's value—it means degree. Here, localVideo...

Search

Your notes and bookmarks