<theoplayer-volume-range> - A volume slider, showing the current audio volume of the player, and which changes the volume when clicked or dragged.

Hierarchy

Constructors

Properties

_pointerEl: HTMLElement
activeVideoQuality?: VideoQuality
deviceType: "mobile" | "tv" | "desktop"
fullscreen?: boolean
playbackRate?: number
previewTime?: number
streamType?: StreamType
targetVideoQualities?: VideoQuality[]
theoplayerUiObservedProperties: (keyof StateReceiverPropertyMap)[]

The names of the properties this element will receive.

Accessors

  • get disabled(): boolean
  • Whether the range is disabled.

    When disabled, the slider value cannot be changed, and the slider thumb is hidden.

    Returns boolean

  • set disabled(disabled): void
  • Parameters

    • disabled: boolean

    Returns void

  • get max(): number
  • The maximum allowed value.

    Returns number

  • set max(max): void
  • Parameters

    • max: number

    Returns void

  • get min(): number
  • The minimum allowed value.

    Returns number

  • set min(min): void
  • Parameters

    • min: number

    Returns void

  • get step(): number | "any"
  • The granularity at which the value can change.

    If set to "any", the value can change with arbitrary precision.

    Returns number | "any"

  • set step(step): void
  • Parameters

    • step: number | "any"

    Returns void

  • get value(): number
  • The current value.

    Returns number

  • set value(value): void
  • Parameters

    • value: number

    Returns void

Methods

  • Parameters

    Returns void

  • Parameters

    • attrName: string
    • oldValue: any
    • newValue: any

    Returns void

  • Returns void

  • Returns void

  • Returns string

  • Returns string

  • Build the color gradient for the range bar. Creating an array so progress-bar can insert the buffered bar.

    Returns ColorStops

  • Returns void

  • Returns void

  • Parameters

    Returns void

Generated using TypeDoc