liveBook · Manning

Video component

As explained in Web Components in Action

A video component is a book-specific Web Component that acquires video frames, renders them, and exposes frame data for processing.

A video component hides the repetitive work of starting a video stream and exposing frame data, leaving pixel manipulation as the interesting part. It can use a video source or a live camera feed, render through an internal canvas, and refresh frames at a chosen interval. section 15.3

WebGL video effects

A related wcia-glvideo component applies named WebGL filters, including sepia, greyscale, and edge detection, with a faster ten-millisecond canvas refresh.

How Web Components in Action covers it

How deep it goes
Demonstrates configuration, canvas filters, frame events, and WebGL effects, but defers the component's underlying implementation.
Examples
Uses live camera playback, black-and-white filtering, video snow, edge detection, and custom WebGL shaders.
What you can do after
Operate/configure a video Web Component for camera input, canvas rendering, frame events, pixel filters, and WebGL effects.
How it connects
Connects Web Components with live camera feeds, canvas, JavaScript pixel processing, WebGL filters, and shaders.
Cover of Web Components in Action
liveBookmanning.com
Read Web Components in Action on liveBook Get the book at manning.com

Related concepts

This explainer was generated by Manning's knowledge graph from the text of Web Components in Action. The section links point to the parts of the book it draws on.