Sliders
Time Slider
This component is used to create a range input for controlling the current time of playback.
Usage
The <TimeSlider>
component receives time updates from the provider through the media store, and actively dispatches a media-seeking-request
event (throttled to once per 100ms
) as the slider value changes.
Seeking requests let the media controller know that the user is actively seeking but they haven't determined the final playback position they want to seek to. When the user stops dragging the slider, a media-seek-request
event will be fired to request updating the current playback time to the slider's value.
The slider's range is assumed to be in seconds between 0
(min) and length of media (max).
Styling
You can override the default styles with CSS like so: