&meterstyle

Optional audio meter style type

General Option! (&push, &room, &view, &scene, &director)

Aliases

• &meter

Options

Example: &meterstyle=3

Value	Description
1 | (no value given)	will show the VU-style meter that the director has by default already
2	will show a green-border around the guest's video when they are talking
3	will show a little green dot in the top-right corner when the guest's talking; this is default for the guest's view already
4	no meter is shown, but a data-attribute named data-loudness is applied to the video element. This can be targeted with CSS to do custom styles via OBS browser source or with &css
5	has the audio-only background image pulse larger in size when that specific guest is speaking

Details

If you add this to a director's/guest's URL, it will show an optional audio style type, when a guest is talking.

When using any &meterstyle effect, I now include a data attribute called data-speaking to the video element. It will be either 0, 1, or 2. 0 is quiet, 1 is whispering, and 2 is loud. &meterstyle=4 includes a fine-grain option already for loudness as an attribute, but for basic CSS needs, this option might be more approachable.

You can use this attribute to use CSS to customize your own effects when someone speaks. You can further target what is CSS used based on a specific guest by using each video's stream ID data attribute as well.

&meterstyle=4

When using &meterstyle=4 or greater, the background of an audio-only element is transparent now; not black. I also specifically hide the video-control bar when using &meterstyle=4, but you can use &videocontrols to add them back in if needed.

&meterstyle=5

It can be used in conjunction with &bgimage to specific a custom background image for the video, which will pulse in size. ie: &meterstyle=5&bgimage=./media/avatar1.png

Related

page&style