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

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:
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:
Source:

isChanging_ :boolean

Type:
  • boolean
Overrides:
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:

wasPlaying_ :boolean

When user is scrubbing the seek bar - we should pause the video - see https://git.io/JUhHG but will conditionally pause or play the video after scrubbing depending on its previous state
Type:
  • boolean
Source:

Methods

isShowing() → {boolean}

Implements:
Source:
Returns:
Type
boolean

makeColor_(color, fract) → {string}

Parameters:
Name Type Description
color string
fract 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

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: