First run
- Step 1
In Overlays, open the Viewer Counter and enable its visibility.
- Step 2
Select the connected platforms whose current audience you want to aggregate.
- Step 3
Set the eye icon page or choose your own graphic. Adjust size, font and opacity.
- Step 4
Save your settings and check the source after connecting to LIVE when the platforms provide measurement.
Broadcast example
You broadcast on three platforms and show one number next to your eye. You can exclude the platform of your choice from it. This is the sum of available measurements, not deduplication of people watching simultaneously on several websites.
Action and possibilities
Counter range
Select the platforms whose current audience should be included in the total. The counter uses available measurements, and the lack of data is not equated with a confirmed zero.
Icon and layout
Set the eye position to the left or right and your own graphics from a stock or supported source. You can change the appearance, font, colors and position in the overlay settings.
Viewers and views
This overlay shows your current audience. Total LIVE views, unique viewers and minutes watched are different metrics and appear in analytics or summaries.
See the interface up close
Click on the illustration to enlarge it. The screenshots show different parts of the setup; the caption explains what to look out for.
Settings and available selections · 105
The list describes the fields of this tool and its binding. Some settings appear after enabling the parent option, adding a rule, connecting the platform or changing the style. Availability may vary by plan. Lists of your own files, votes and connected accounts are populated in your dashboard.
There are no settings matching your search.
X position · horizontalZipper
The horizontal position of the element in the source area. The preview converts it to the dimensions of the selected resolution.
Position within stream resolution
: 0 … 100 · 0.1
Y position · verticalZipper
The vertical position of the element in the source area. The preview converts it to the dimensions of the selected resolution.
Position within stream resolution
: 0 … 100 · 0.1
Overlay size (%)Zipper
The size of the element relative to its base size, in percent.
Position within stream resolution
: 10 … 300 · 1
Overlay opacityZipper
Opacity of the entire element in percentage. You set the transparency of the background itself separately.
Position within stream resolution
: 0 … 100 · 1
EnabledSwitch
Enables or disables the option indicated in the label. Dependent options may only appear after you enable it.
Platforms
EnabledSwitch
Enables or disables the option indicated in the label. Dependent options may only appear after you enable it.
Platforms
EnabledSwitch
Enables or disables the option indicated in the label. Dependent options may only appear after you enable it.
Platforms
EnabledSwitch
Enables or disables the option indicated in the label. Dependent options may only appear after you enable it.
Platforms
Eye positionSelection list
Select a variant from the available list. The meaning of the selection is evident from the label and settings section; the change requires saving the configuration.
Studio appearance
Choices available: Left · Right
Custom eye imageSwitch
Enables or disables the option indicated in the label. Dependent options may only appear after you enable it.
Studio appearance
ColorColor
The main color of the indicated part. The effect depends on the section in which the field appears.
Text styling and animation
Text colorColor
Text color.
Text styling and animation
Second colorColor
The second color to finish the gradient.
Text styling and animation
GradientSwitch
Enables a transition between two colors in this part of the element.
Text styling and animation
Text sizeNumber
Base text size in pixels.
Text styling and animation
: 12 … 72
Overlay opacityZipper
Opacity of the entire element, including text and graphics. It is independent of the opacity of the background itself.
Text styling and animation
: 0 … 1 · .05
Padding (px)Number
Internal distance of content from edges.
Text styling and animation
: 0 … 64
Text alignmentSelection list
Alignment of text or content in an element.
Text styling and animation
Choices available: Left · Center · Right
Enable frameSwitch
Enables a frame or border for an item.
Text styling and animation
Frame styleSelection list
Select a variant from the available list. The meaning of the selection is evident from the label and settings section; the change requires saving the configuration.
Text styling and animation
Choices available: Wavy frame · Classic card · Glass · Outline · Neon · Minimal · Broadcast stripe · Rounded card
Border styleSelection list
How to draw a border.
Text styling and animation
Choices available: Solid · Dashed · Dotted · Double · Wavy
Border colorColor
Border color.
Text styling and animation
Second colorColor
The second color to finish the gradient.
Text styling and animation
GradientSwitch
Enables a transition between two colors in this part of the element.
Text styling and animation
Border width (px)Number
Border thickness.
Text styling and animation
: 0 … 8
Corner radiusNumber
Corner rounding radius.
Text styling and animation
: 0 … 60
Neon glow strengthZipper
The intensity of the neon glow.
Text styling and animation
: 0 … 80
Shadow opacityZipper
Visibility of the neon glow, independent of the main opacity of the element.
Text styling and animation
: 0 … 1 · .05
Enable backgroundSwitch
Turns on the background of the selected element.
Text styling and animation
Background colorColor
The background color of the element.
Text styling and animation
Second colorColor
The second color to finish the gradient.
Text styling and animation
GradientSwitch
Enables a transition between two colors in this part of the element.
Text styling and animation
Background opacityZipper
Covering only the background, without intentionally extinguishing text and content.
Text styling and animation
: 0 … 1 · .05
Element / frame shadowSwitch
Turns on the shadow of this part of the element.
Text styling and animation
Shadow blur / strengthZipper
The intensity or size of an element's shadow.
Text styling and animation
: 0 … 80
Shadow colorColor
The main color of the indicated part. The effect depends on the section in which the field appears.
Text styling and animation
Shadow opacityZipper
Shadow coverage. Changes the visibility of the shadow without intentionally changing the opacity of the text or background.
Text styling and animation
: 0 … 1 · .05
Horizontal shadow (px)Number
Horizontal shift of the shadow relative to the element.
Text styling and animation
: -60 … 60
Vertical shadow (px)Number
The vertical shift of the shadow relative to the element.
Text styling and animation
: -60 … 60
Element entrance and exit animationSwitch
Enables or disables the option indicated in the label. Dependent options may only appear after you enable it.
Text styling and animation
Entrance animationSelection list
An effect triggered when an element appears.
Text styling and animation
Choices available: None · Fade · Slide from left · Slide from right · Slide up · Slide down · Zoom · Bounce · Soft pop · Rotate · 3D flip · Diagonal drift
Exit animationSelection list
An effect triggered when an element disappears.
Text styling and animation
Choices available: None · Fade out · Slide out to the left · Slide out to the right · Fade upward · Slide out downward · Zoom out · Bounce out · Expand and fade · Rotate and fade · Flip and fade · Drift away
Animation duration (s)Number
Set a numeric value for this option. The range below shows the limitations of the form; some features have additional plan limits.
Text styling and animation
: 0 … 2 · .05
Enable text effectsSwitch
Enables this rule or feature. Data recording itself does not replace turning on the tool and connecting to an active LIVE.
Text effects
Text entrance animationSelection list
An effect triggered when an element appears.
Text effects
Choices available: None · Typewriter · Fade in · Text rise · Text zoom · Text slide
Text entrance duration (s)Number
Set a numeric value for this option. The range below shows the limitations of the form; some features have additional plan limits.
Text effects
: .2 … 8
Animation while visibleSelection list
Select a variant from the available list. The meaning of the selection is evident from the label and settings section; the change requires saving the configuration.
Text effects
Choices available: No continuous animation · Left to right wave · Bouncing letters · Pulsing glow · Text pulse · Gentle floating · Swaying letters
Animation cycle (s)Number
Movement speed of animated elements.
Text effects
: .4 … 10
Overlay opacityZipper
Opacity of the entire element, including text and graphics. It is independent of the opacity of the background itself.
Text effects
: .05 … 1 · .05
Custom text colorSwitch
The main color of the indicated part. The effect depends on the section in which the field appears.
Text effects
Text colorColor
The main color of the indicated part. The effect depends on the section in which the field appears.
Text effects
Second colorColor
The second color to finish the gradient.
Text effects
GradientSwitch
Enables a transition between two colors in this part of the element.
Text effects
Text shadowSwitch
Turns on the shadow of this part of the element.
Text effects
Shadow colorColor
The main color of the indicated part. The effect depends on the section in which the field appears.
Text effects
Shadow opacityZipper
Shadow coverage. Changes the visibility of the shadow without intentionally changing the opacity of the text or background.
Text effects
: 0 … 1 · .05
Shadow blur / strengthNumber
Blur the edges of the shadow.
Text effects
: 0 … 60
Horizontal shadow (px)Number
Horizontal shift of the shadow relative to the element.
Text effects
: -40 … 40
Vertical shadow (px)Number
The vertical shift of the shadow relative to the element.
Text effects
: -40 … 40
Text outlineSwitch
Turns on the text outline.
Text effects
Border colorColor
The main color of the indicated part. The effect depends on the section in which the field appears.
Text effects
Text outline width (px)Number
Letter stroke thickness.
Text effects
: .2 … 4
Repeat show and hide cycleSwitch
Enables or disables the option indicated in the label. Dependent options may only appear after you enable it.
Text styling and animation
Show for (s)Number
Determines whether the specified item is visible in this configuration. Enabling does not create missing platform data.
Text styling and animation
: 1 … 3600
Hide for (s)Number
Set a numeric value for this option. The range below shows the limitations of the form; some features have additional plan limits.
Text styling and animation
: 1 … 3600
Overlay positionSelection list
The base position of an element on the screen. The detailed position can be set in the available X and Y sliders.
Text styling and animation
Choices available: Top left · Top center · Top right · Center left · Center · Center right · Bottom left · Bottom center · Bottom right
Stream width (px)Number
The width of the browser source area in pixels.
Text styling and animation
: 320 … 7680
Stream height (px)Number
The height of the browser source area in pixels.
Text styling and animation
: 240 … 4320
Horizontal margin (px)Number
Set a numeric value for this option. The range below shows the limitations of the form; some features have additional plan limits.
Text styling and animation
: 0 … 2000
Vertical margin (px)Number
Set a numeric value for this option. The range below shows the limitations of the form; some features have additional plan limits.
Text styling and animation
: 0 … 2000
Show this viewSwitch
Determines whether the specified item is visible in this configuration. Enabling does not create missing platform data.
Text styling and animation
Show amountSwitch
Enables or disables the option indicated in the label. Dependent options may only appear after you enable it.
Text styling and animation
Customize this elementSwitch
Enables or disables the option indicated in the label. Dependent options may only appear after you enable it.
Element: value
Individual opacitySwitch
Opacity of the entire element, including text and graphics. It is independent of the opacity of the background itself.
Element: value
Overlay opacityZipper
Opacity of the entire element, including text and graphics. It is independent of the opacity of the background itself.
Element: value
: .05 … 1 · .05
Animate this elementSwitch
Enables or disables the option indicated in the label. Dependent options may only appear after you enable it.
Element: value
Entrance animationSelection list
Select a variant from the available list. The meaning of the selection is evident from the label and settings section; the change requires saving the configuration.
Element: value
Choices available: Floating · Pulsing · Rotation · Bouncing
Animation cycle (s)Number
Movement speed of animated elements.
Element: value
: .4 … 10 · .1
Override text stylingSwitch
Enables or disables the option indicated in the label. Dependent options may only appear after you enable it.
Element: value
Enable text effectsSwitch
Enables or disables the option indicated in the label. Dependent options may only appear after you enable it.
Element: value
Text entrance animationSelection list
Select a variant from the available list. The meaning of the selection is evident from the label and settings section; the change requires saving the configuration.
Element: value
Choices available: None · Typewriter · Fade in · Text rise · Text zoom · Text slide
Text entrance duration (s)Number
Set a numeric value for this option. The range below shows the limitations of the form; some features have additional plan limits.
Element: value
: .2 … 8
Animation while visibleSelection list
Select a variant from the available list. The meaning of the selection is evident from the label and settings section; the change requires saving the configuration.
Element: value
Choices available: No continuous animation · Left to right wave · Bouncing letters · Pulsing glow · Text pulse · Gentle floating · Swaying letters
Animation cycle (s)Number
Set a numeric value for this option. The range below shows the limitations of the form; some features have additional plan limits.
Element: value
: .4 … 10
Overlay opacityZipper
Opacity of the entire element, including text and graphics. It is independent of the opacity of the background itself.
Element: value
: .05 … 1 · .05
Custom text colorSwitch
The main color of the indicated part. The effect depends on the section in which the field appears.
Element: value
Text colorColor
The main color of the indicated part. The effect depends on the section in which the field appears.
Element: value
Second colorColor
The second color to finish the gradient.
Element: value
GradientSwitch
Enables a transition between two colors in this part of the element.
Element: value
Text shadowSwitch
Enables or disables the option indicated in the label. Dependent options may only appear after you enable it.
Element: value
Shadow colorColor
The main color of the indicated part. The effect depends on the section in which the field appears.
Element: value
Shadow opacityZipper
Opacity of the entire element, including text and graphics. It is independent of the opacity of the background itself.
Element: value
: 0 … 1 · .05
Shadow blur / strengthNumber
Set a numeric value for this option. The range below shows the limitations of the form; some features have additional plan limits.
Element: value
: 0 … 60
Horizontal shadow (px)Number
Set a numeric value for this option. The range below shows the limitations of the form; some features have additional plan limits.
Element: value
: -40 … 40
Vertical shadow (px)Number
Set a numeric value for this option. The range below shows the limitations of the form; some features have additional plan limits.
Element: value
: -40 … 40
Text outlineSwitch
Enables or disables the option indicated in the label. Dependent options may only appear after you enable it.
Element: value
Border colorColor
The main color of the indicated part. The effect depends on the section in which the field appears.
Element: value
Text outline width (px)Number
The width of the source or element indicated by this section.
Element: value
: .2 … 4
Show iconsSwitch
Enables or disables the option indicated in the label. Dependent options may only appear after you enable it.
Text styling and animation
Customize this elementSwitch
Enables or disables the option indicated in the label. Dependent options may only appear after you enable it.
Overlay element
Individual opacitySwitch
Opacity of the entire element, including text and graphics. It is independent of the opacity of the background itself.
Overlay element
Overlay opacityZipper
Opacity of the entire element, including text and graphics. It is independent of the opacity of the background itself.
Overlay element
: .05 … 1 · .05
Animate this elementSwitch
Enables or disables the option indicated in the label. Dependent options may only appear after you enable it.
Overlay element
Entrance animationSelection list
Select a variant from the available list. The meaning of the selection is evident from the label and settings section; the change requires saving the configuration.
Overlay element
Choices available: Floating · Pulsing · Rotation · Bouncing
Animation cycle (s)Number
Movement speed of animated elements.
Overlay element
: .4 … 10 · .1
When something doesn't work
The counter does not change immediately
The measurement is refreshed periodically. The numbers also depend on the frequency and availability of data provided by platforms.
The number differs from LIVE views
The viewer counter shows your current audience. Views and viewer minutes are different metrics and should not be compared as the same result.