Class MarkerLane

Hierarchy

VttTimelineLane<MarkerLaneConfig, MarkerLaneStyle, MarkerVttCue, MarkerVttFile>
- MarkerLane

Implements

MarkerLaneApi

Constructors

constructor

new MarkerLane(config): MarkerLane
Parameters
- config: TimelineLaneConfigDefaultsExcluded<MarkerLaneConfig>
Returns MarkerLane
Overrides VttTimelineLane<MarkerLaneConfig, MarkerLaneStyle, MarkerVttCue, MarkerVttFile>.constructor
- Defined in project/src/timeline/marker/marker-lane.ts:75

Properties

`Readonly`onMarkerCreate$

onMarkerCreate$: Subject<MarkerCreateEvent> = ...

Fires on marker create

`Readonly`onMarkerDelete$

onMarkerDelete$: Subject<MarkerDeleteEvent> = ...

Fires on marker delete

`Readonly`onMarkerFocus$

onMarkerFocus$: Subject<MarkerFocusEvent> = ...

Fires on marker focus

`Readonly`onMarkerInit$

onMarkerInit$: Subject<MarkerInitEvent> = ...

Fires on loading the initial list of markers

`Readonly`onMarkerUpdate$

onMarkerUpdate$: Subject<MarkerUpdateEvent> = ...

Fires on marker update

Accessors

description

set description(value): void
Parameters
- value: string
Returns void
Inherited from VttTimelineLane.description
- Defined in project/src/timeline/timeline-lane.ts:522

id

get id(): string
Returns string
TimelineLane id
Inherited from VttTimelineLane.id
- Defined in project/src/timeline/timeline-lane.ts:390

mainLeftFlexGroup

get mainLeftFlexGroup(): KonvaFlexGroup
Internal
Returns KonvaFlexGroup
Inherited from VttTimelineLane.mainLeftFlexGroup
- Defined in project/src/timeline/timeline-lane.ts:394

mainRightFlexGroup

get mainRightFlexGroup(): KonvaFlexGroup
Internal
Returns KonvaFlexGroup
Inherited from VttTimelineLane.mainRightFlexGroup
- Defined in project/src/timeline/timeline-lane.ts:398

name

get name(): string
Track name

Returns string
Implementation of MarkerLaneApi.name
- Defined in project/src/timeline/marker/marker-lane.ts:159

onPlayheadCueEvent$

get onPlayheadCueEvent$(): Observable<OmakaseVttCueEvent<Q>>
Fires on VTT cue entry/exit on playhead drag

Returns Observable<OmakaseVttCueEvent<Q>>
Implementation of MarkerLaneApi.onPlayheadCueEvent$
Inherited from VttTimelineLane.onPlayheadCueEvent$
- Defined in project/src/timeline/vtt-timeline-lane.ts:40

onScrubberCueEvent$

get onScrubberCueEvent$(): Observable<OmakaseVttCueEvent<Q>>
Fires on VTT cue entry/exit on scrubber move

Returns Observable<OmakaseVttCueEvent<Q>>
Implementation of MarkerLaneApi.onScrubberCueEvent$
Inherited from VttTimelineLane.onScrubberCueEvent$
- Defined in project/src/timeline/vtt-timeline-lane.ts:48

onVideoCueEvent$

get onVideoCueEvent$(): Observable<OmakaseVttCueEvent<Q>>
Fires on VTT cue entry/exit on video time change

Returns Observable<OmakaseVttCueEvent<Q>>
Implementation of MarkerLaneApi.onVideoCueEvent$
Inherited from VttTimelineLane.onVideoCueEvent$
- Defined in project/src/timeline/vtt-timeline-lane.ts:32

onVttFileLoaded$

get onVttFileLoaded$(): Observable<T>
Fires when VTT file is loaded

Returns Observable<T>
Implementation of MarkerLaneApi.onVttFileLoaded$
Inherited from VttTimelineLane.onVttFileLoaded$
- Defined in project/src/timeline/vtt-timeline-lane.ts:28

style

get style(): S
Style getter / setter

Returns S
Inherited from VttTimelineLane.style
- Defined in project/src/timeline/timeline-lane.ts:514
set style(value): void
Style getter / setter
Parameters
- value: Partial<S>
Returns void
Inherited from VttTimelineLane.style
- Defined in project/src/timeline/timeline-lane.ts:518

vttFile

get vttFile(): undefined | T
VTT file content

Returns undefined | T
Implementation of MarkerLaneApi.vttFile
Inherited from VttTimelineLane.vttFile
- Defined in project/src/timeline/vtt-timeline-lane.ts:60
set vttFile(vttFile): void
VTT file content
Parameters
- vttFile: undefined | T
Returns void
Implementation of MarkerLaneApi.vttFile
Inherited from VttTimelineLane.vttFile
- Defined in project/src/timeline/vtt-timeline-lane.ts:68

vttUrl

get vttUrl(): undefined | string
URL pointing to the VTT file

Returns undefined | string
Implementation of MarkerLaneApi.vttUrl
Inherited from VttTimelineLane.vttUrl
- Defined in project/src/timeline/vtt-timeline-lane.ts:56
set vttUrl(vttUrl): void
URL pointing to the VTT file
Parameters
- vttUrl: undefined | string
Returns void
Implementation of MarkerLaneApi.vttUrl
Inherited from VttTimelineLane.vttUrl
- Defined in project/src/timeline/vtt-timeline-lane.ts:64

Methods

addMarker

addMarker(marker): Marker
Adds Marker to MarkerLane
Parameters
- marker: Marker
  Marker instance
Returns Marker
Implementation of MarkerLaneApi.addMarker
- Defined in project/src/timeline/marker/marker-lane.ts:171

addTimelineNode

addTimelineNode(config): TimelineNode
Adds new timeline node to timeline lane
Parameters
- config: TimelineLaneComponentConfig
Returns TimelineNode
Inherited from VttTimelineLane.addTimelineNode
- Defined in project/src/timeline/timeline-lane.ts:402

clearContent

clearContent(): void
Returns void
Overrides VttTimelineLane.clearContent
- Defined in project/src/timeline/marker/marker-lane.ts:152

createMomentMarker

createMomentMarker(config): MomentMarker
Creates new MomentMarker instance and adds it to MarkerLane
Parameters
- config: ConfigWithOptionalStyle<MomentMarkerConfig>
  MomentMarker configuration
Returns MomentMarker
Implementation of MarkerLaneApi.createMomentMarker
- Defined in project/src/timeline/marker/marker-lane.ts:163

createPeriodMarker

createPeriodMarker(config): PeriodMarker
Creates new PeriodMarker instance and adds it to MarkerLane
Parameters
- config: ConfigWithOptionalStyle<PeriodMarkerConfig>
  PeriodMarkern configuration
Returns PeriodMarker
Implementation of MarkerLaneApi.createPeriodMarker
- Defined in project/src/timeline/marker/marker-lane.ts:167

destroy

destroy(): void
Returns void
Overrides VttTimelineLane.destroy
- Defined in project/src/timeline/marker/marker-lane.ts:376

focusMarker

focusMarker(id): void
Focuses Marker by ID
Parameters
- id: string
  Marker ID
Returns void
Implementation of MarkerLaneApi.focusMarker
- Defined in project/src/timeline/marker/marker-lane.ts:255

getMarker

getMarker(id): undefined | Marker
Parameters
- id: string
  Marker ID
Returns undefined | Marker
Marker by ID
Implementation of MarkerLaneApi.getMarker
- Defined in project/src/timeline/marker/marker-lane.ts:239

getMarkerInFocus

getMarkerInFocus(): undefined | Marker
Returns undefined | Marker
Marker in focus
Implementation of MarkerLaneApi.getMarkerInFocus
- Defined in project/src/timeline/marker/marker-lane.ts:270

getMarkers

getMarkers(): Marker[]
Returns Marker[]
all Markers
Implementation of MarkerLaneApi.getMarkers
- Defined in project/src/timeline/marker/marker-lane.ts:247

getTimecodedPointerPosition

getTimecodedPointerPosition(): undefined | Position
Internal
Returns undefined | Position
Inherited from VttTimelineLane.getTimecodedPointerPosition
- Defined in project/src/timeline/timeline-lane.ts:382

getTimecodedPointerPositionTime

getTimecodedPointerPositionTime(): number
Internal
Returns number
Inherited from VttTimelineLane.getTimecodedPointerPositionTime
- Defined in project/src/timeline/timeline-lane.ts:386

getTimecodedRect

getTimecodedRect(): RectMeasurement
Internal
Returns RectMeasurement
Inherited from VttTimelineLane.getTimecodedRect
- Defined in project/src/timeline/timeline-lane.ts:371

getVttLoadOptions

getVttLoadOptions(axiosConfig?): VttLoadOptions
Parameters
- OptionalaxiosConfig: AxiosRequestConfig<any>
Returns VttLoadOptions
Inherited from VttTimelineLane.getVttLoadOptions
- Defined in project/src/timeline/vtt-timeline-lane.ts:88

isMinimized

isMinimized(): boolean
Returns boolean
is timeline lane minimized
Inherited from VttTimelineLane.isMinimized
- Defined in project/src/timeline/timeline-lane.ts:420

loadVtt

loadVtt(vttUrl, options?): Observable<undefined | MarkerVttFile>
Loads data from VTT file
Parameters
- vttUrl: string
- options: VttLoadOptions = {}
Returns Observable<undefined | MarkerVttFile>
Implementation of MarkerLaneApi.loadVtt
Inherited from VttTimelineLane.loadVtt
- Defined in project/src/timeline/vtt-timeline-lane.ts:72

maximize

maximize(): void
Maximize

Returns void
Inherited from VttTimelineLane.maximize
- Defined in project/src/timeline/timeline-lane.ts:431

maximizeEased

maximizeEased(): Observable<void>
Maximize with easing

Returns Observable<void>
Inherited from VttTimelineLane.maximizeEased
- Defined in project/src/timeline/timeline-lane.ts:469

minimize

minimize(): void
Minimize

Returns void
Inherited from VttTimelineLane.minimize
- Defined in project/src/timeline/timeline-lane.ts:424

minimizeEased

minimizeEased(): Observable<void>
Minimize with easing

Returns Observable<void>
Inherited from VttTimelineLane.minimizeEased
- Defined in project/src/timeline/timeline-lane.ts:439

onMeasurementsChange

onMeasurementsChange(): void
Returns void
Inherited from VttTimelineLane.onMeasurementsChange
- Defined in project/src/timeline/timeline-lane.ts:336

prepareForTimeline

prepareForTimeline(timeline, videoController): void
Parameters
- timeline: Timeline
- videoController: VideoControllerApi
Returns void
Overrides VttTimelineLane.prepareForTimeline
- Defined in project/src/timeline/marker/marker-lane.ts:84

removeAllMarkers

removeAllMarkers(): void
Removes all Marker's

Returns void
Implementation of MarkerLaneApi.removeAllMarkers
- Defined in project/src/timeline/marker/marker-lane.ts:214

removeMarker

removeMarker(id): void
Removes Marker by ID
Parameters
- id: string
  Marker ID
Returns void
Implementation of MarkerLaneApi.removeMarker
- Defined in project/src/timeline/marker/marker-lane.ts:226

toggleMarker

toggleMarker(markerId): void
Set selected Marker as active
Parameters
- markerId: string
Returns void
Implementation of MarkerLaneApi.toggleMarker
- Defined in project/src/timeline/marker/marker-lane.ts:278

toggleMinimizeMaximize

toggleMinimizeMaximize(): void
Toggles minimize / maximize

Returns void
Inherited from VttTimelineLane.toggleMinimizeMaximize
- Defined in project/src/timeline/timeline-lane.ts:498

toggleMinimizeMaximizeEased

toggleMinimizeMaximizeEased(): Observable<void>
Toggles minimize / maximize with easing

Returns Observable<void>
Inherited from VttTimelineLane.toggleMinimizeMaximizeEased
- Defined in project/src/timeline/timeline-lane.ts:506

updateMarker

updateMarker(markerId, updateData): void
Updates Marker by ID
Parameters
- markerId: string
- updateData: Partial<Marker>
Returns void
Implementation of MarkerLaneApi.updateMarker
- Defined in project/src/timeline/marker/marker-lane.ts:298

Class MarkerLane

Hierarchy

Implements

Index

Constructors

Properties

Accessors

Methods

Constructors

constructor

Parameters

Returns MarkerLane

Properties

ReadonlyonMarkerCreate$

ReadonlyonMarkerDelete$

ReadonlyonMarkerFocus$

ReadonlyonMarkerInit$

ReadonlyonMarkerUpdate$

Accessors

description

Parameters

Returns void

id

Returns string

mainLeftFlexGroup

Returns KonvaFlexGroup

mainRightFlexGroup

Returns KonvaFlexGroup

name

Returns string

onPlayheadCueEvent$

Returns Observable<OmakaseVttCueEvent<Q>>

onScrubberCueEvent$

Returns Observable<OmakaseVttCueEvent<Q>>

onVideoCueEvent$

Returns Observable<OmakaseVttCueEvent<Q>>

onVttFileLoaded$

Returns Observable<T>

style

Returns S

Parameters

Returns void

vttFile

Returns undefined | T

Parameters

Returns void

vttUrl

Returns undefined | string

Parameters

Returns void

Methods

addMarker

Parameters

Returns Marker

addTimelineNode

Parameters

Returns TimelineNode

clearContent

Returns void

createMomentMarker

Parameters

Returns MomentMarker

createPeriodMarker

Parameters

Returns PeriodMarker

destroy

Returns void

focusMarker

Parameters

Returns void

getMarker

Parameters

Returns undefined | Marker

getMarkerInFocus

Returns undefined | Marker

getMarkers

Returns Marker[]

getTimecodedPointerPosition

Returns undefined | Position

getTimecodedPointerPositionTime

`Readonly`onMarkerCreate$

`Readonly`onMarkerDelete$

`Readonly`onMarkerFocus$

`Readonly`onMarkerInit$

`Readonly`onMarkerUpdate$