Class: shaka.ui.SeekBar

Constructor

new SeekBar(parentnon-null, controlsnon-null)

Parameters:
Name Type Description
parent HTMLElement
controls shaka.ui.Controls
Implements:
Extends:
Source:

Extends

Classes

Factory

Members

MIN_SEEK_WINDOW_TO_SHOW_SEEKBAR_ :number

Type:
  • number
Source:

Transparent_Image_ :string

Type:
  • string
Source:

adBreaksTimer_ :shaka.util.Timer

The timer is activated for live content and checks if new ad breaks need to be marked in the current seek range.
Type:
Source:

adCuePoints_ :Array<!shaka.extern.AdCuePoint>

Type:
Source:

adMarkerContainer_ :HTMLElement

Type:
  • HTMLElement
Source:

bar :HTMLInputElement

Type:
  • HTMLInputElement
Overrides:
Implements:
Source:

config_ :shaka.extern.UIConfiguration

Type:
Source:

container :HTMLElement

This container is to support IE 11. See detailed notes in less/range_elements.less for a complete explanation.
Type:
  • HTMLElement
Overrides:
Implements:
Source:

endFakeChangeTimer_ :shaka.util.Timer

Type:
Overrides:
Source:

hideThumbnailTimer_ :shaka.util.Timer

The timer is activated to hide the thumbnail.
Type:
Source:

isChanging_ :boolean

Type:
  • boolean
Overrides:
Source:

isMoving_ :boolean

True if the bar is moving due to touchscreen or keyboard events.
Type:
  • boolean
Source:

lastThumbnail_ :shaka.extern.Thumbnail

Type:
Source:

lastThumbnailPendingRequest_ :shaka.net.NetworkingEngine.PendingRequest

Type:
Source:

seekTimer_ :shaka.util.Timer

This timer is used to introduce a delay between the user scrubbing across the seek bar and the seek being sent to the player.
Type:
Source:

thumbnailContainer_ :HTMLElement

Type:
  • HTMLElement
Source:

thumbnailImage_ :HTMLImageElement

Type:
  • HTMLImageElement
Source:

thumbnailTime_ :HTMLElement

Type:
  • HTMLElement
Source:

thumbnailTimeContainer_ :HTMLElement

Type:
  • HTMLElement
Source:

wasPlaying_ :boolean

When user is scrubbing the seek bar - we should pause the video - see https://github.com/google/shaka-player/pull/2898#issuecomment-705229215 but will conditionally pause or play the video after scrubbing depending on its previous state
Type:
  • boolean
Source:

Methods

getValueFromPosition(clientX) → {number}

Converts an X position within the element into a range input value.
Parameters:
Name Type Description
clientX number
Overrides:
Source:
Returns:
Type
number

hideThumbnail_()

Source:

hideTime_()

Source:

isShowing() → {boolean}

Implements:
Source:
Returns:
Type
boolean

makeColor_(color, fraction) → {string}

Parameters:
Name Type Description
color string
fraction number
Source:
Returns:
Type
string

markAdBreaks_()

Source:

onAdCuePointsChanged_()

Source:

setBarValueForTouch_(event)

Synchronize the touch position with the range value. Comes in handy on iOS, where users have to grab the handle in order to start seeking.
Parameters:
Name Type Description
event Event
Overrides:
Source:

shouldBeDisplayed_() → {boolean}

Source:
Returns:
Type
boolean

showThumbnail_()

Source:

showTime_()

Source:

timeFormatter_(totalSeconds)

Parameters:
Name Type Description
totalSeconds number
Source:

update()

Called by Controls on a timer to update the state of the seek bar. Also called internally when the user interacts with the input element.
Implements:
Source:

updateAriaLabel_()

Source: