Static ReadonlySMOOTH_Gets the event that is fired when the component's focus-state is changing.
Gets the event that is fired when the component's hover-state is changing.
Gets the event that is fired when a scrubbing seek operation is started.
Gets the event that is fired when a scrubbing seek has finished or when a direct seek is issued.
Gets the event that is fired during a scrubbing seek (to indicate that the seek preview, i.e. the video frame, should be updated), or during a normal seek preview when the seek bar is hovered (and the seek target, i.e. the seek bar label, should be updated).
Gets the event that is fired when the ViewMode of this component has changed.
Configures the component for the supplied Player and UIInstanceManager. This is the place where all the magic happens, where components typically subscribe and react to events (on their DOM element, the Player, or the UIInstanceManager), and basically everything that makes them interactive. This method is called only once, when the UIManager initializes the UI.
Subclasses usually overwrite this method to add their own functionality.
the player which this component controls
the UIInstanceManager that manages this component
Disables the component. This method basically transfers the component into the disabled state. Actual disabling is done via CSS or child components. (e.g. Button needs to unsubscribe click listeners)
Enables the component. This method basically transfers the component into the enabled state. Actual enabling is done via CSS or child components. (e.g. Button needs to subscribe click listeners)
Returns the configuration object of the component.
Returns the DOM element of this component. Creates the DOM element if it does not yet exist.
Should not be overwritten by subclasses.
Gets the label of this seek bar.
the label if this seek bar has a label, else null
Checks if this component has a DOM element.
Checks if the seek bar has a SeekBarLabel.
true if the seek bar has a label, else false
Hides the component if shown. This method basically transfers the component into the hidden state. Actual hiding is done via CSS.
Initializes the component, e.g. by applying config settings. This method must not be called from outside the UI framework.
This method is automatically called by the UIInstanceManager. If the component is an inner component of some component, and thus encapsulated abd managed internally and never directly exposed to the UIManager, this method must be called from the managing component's #initialize method.
Determines if the component is disabled.
true if the component is disabled, else false
Determines if the component is enabled.
true if the component is enabled, else false
Determines if the component is hidden.
true if the component is hidden, else false
Determines if the component is currently hovered.
true if the component is hovered, else false
Checks if the seek bar is currently in the seek state.
true if in seek state, else false
Determines if the component is shown.
true if the component is visible, else false
Checks if TouchEvent is supported.
true if TouchEvent not undefined, else false
Releases all resources and dependencies that the component holds. Player, DOM, and UIManager events are automatically removed during release and do not explicitly need to be removed here. This method is called by the UIManager when it releases the UI.
Subclasses that need to release resources should override this method and call super.release().
Sets the position until which media is buffered.
a number between 0 and 100
Sets the position of the playback position indicator.
a number between 0 and 100 as returned by the player
Puts the seek bar into or out of seeking state by adding/removing a class to the DOM element. This can be used to adjust the styling while seeking.
should be true when entering seek state, false when exiting the seek state
Sets the position where a seek, if executed, would jump to.
a number between 0 and 100
Shows the component if hidden.
Toggles the hidden state by hiding the component if it is shown, or showing it if hidden.
A seek bar to seek within the player's media. It displays the current playback position, amount of buffed data, seek target, and keeps status about an ongoing seek.
The seek bar displays different 'bars':