Class: Monitor

new Monitor(renderer:GlRenderer, options:Object)

creates a preview of a certain point in the network

Parameters:

Name	Type	Description
renderer:GlRenderer
options:Object

Implements:

• Module

Author:

• Sense Studios

Source:

• modules/Monitor.js, line 1

Examples

This example would require 2 canvasses, glcanvas and monitoring_canvas
 to be on your page, the first one has a yellow filter, the preview has
 not

 // create the main renderer
var renderer = new GlRenderer({element: 'glcanvas'});

// sources
var source1 = new VideoSource(renderer, { src: "/video/placeholder.mp4" })
var source2 = new VideoSource(renderer, { src: "/video/16MMDUSTproc.mp4" })

// mixer
var mixer1 = new Mixer( renderer, { source1: source1, source2: source2 });

// preview out
var monitor = new Monitor( renderer, { source: mixer1, element: 'monitoring_canvas' })

// add some effects
var contrast = new ColorEffect( renderer, { source: mixer1 } )
var c_effect = new ColorEffect( renderer, { source: contrast } )

// final out
var output = new Output( renderer, c_effect )

// initialize the renderer and start the renderer
renderer.init();         // init
renderer.render();       // start update & animation

c_effect.effect(14)
contrast.effect(61)
contrast.extra(0.4)

let myMixer = new Monitor( renderer, { source: node });

example