vime-live-indicator

This can be used to indicate to the user that the current media is being streamed live.

Visual

Vime live indicator component

Usage

<vime-player>
<!-- ... -->
<vime-ui>
<!-- ... -->
<vime-controls>
<!-- ... -->
<vime-live-indicator></vime-live-indicator>
</vime-controls>
</vime-ui>
</vime-player>

CSS Custom Properties

NameDescription
--vm-live-indicator-colorThe color of the live indicator dot.

Dependencies

Used by

Graph

graph TD;
vime-default-controls --> vime-live-indicator
style vime-live-indicator fill:#f9f,stroke:#333,stroke-width:4px

Built with StencilJS