The Time
component provides a display of the current time, total duration, and progress of the media.
Import the components and piece the parts together.
The component accepts all props suitable for a span element, except for
children
, since the formatted time will be rendered as the only child.
data-livepeer-controls-time
Serves to identify the component’s role in the playback interface.
data-duration
Displays the total duration of the media.
data-progress
Indicates the current progress of the media playback, usually represented as a percentage or time elapsed.
data-live
Shows the live state of the media, "true"
for live streams and "false"
for
pre-recorded content.
The Time
component provides a display of the current time, total duration, and progress of the media.
Import the components and piece the parts together.
The component accepts all props suitable for a span element, except for
children
, since the formatted time will be rendered as the only child.
data-livepeer-controls-time
Serves to identify the component’s role in the playback interface.
data-duration
Displays the total duration of the media.
data-progress
Indicates the current progress of the media playback, usually represented as a percentage or time elapsed.
data-live
Shows the live state of the media, "true"
for live streams and "false"
for
pre-recorded content.