With the introduction of the HTML5 standard, we have got new powerful features. One of the interesting ones is a CSS filter. Using this feature, you can control a variety of an image's properties. You can process a static image or video image on the fly.
In the scope of WebRTC, usage of filters enables you to implement new features in your application; it can control video images, make it brighter or less contrast, and apply some specific kinds of filters.
In this section, we will cover using of image processing, implementing several practical solutions and utilizing video filters. You will see before and after cases presented in the screenshots.
Tip
This feature is not supported by all web browsers—use Chrome browser while testing the provided examples.
The work on HTML5 and WebRTC standards is not finished yet, so there is a chance that certain places in the code might need to be changed in future. Note that these filters can only be applied locally. This means that during a video...