Class MarkerLane

Hierarchy

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

Implements

MarkerLaneApi

Constructors

constructor

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

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`onMarkerSelected$

onMarkerSelected$: Subject<MarkerSelectedEvent> = ...

Fires on marker selected

`Readonly`onMarkerUpdate$

onMarkerUpdate$: Subject<MarkerUpdateEvent> = ...

Fires on marker update

Accessors

description

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

id

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

mainLeftFlexGroup

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

mainRightFlexGroup

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

name

get name(): string
Track name

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

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

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

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

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

style

get style(): S
Style getter / setter

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

vttFile

get vttFile(): T | undefined
VTT file content

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

vttUrl

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

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

Methods

addMarker

addMarker(marker: 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:179

addTimelineNode

addTimelineNode(config: TimelineLaneComponentConfig): 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:406

clearContent

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

createMomentMarker

createMomentMarker(
config: ConfigWithOptionalStyle<MomentMarkerConfig>,
): 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:171

createPeriodMarker

createPeriodMarker(
config: ConfigWithOptionalStyle<PeriodMarkerConfig>,
): 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:175

destroy

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

focusMarker

focusMarker(id: string): 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:270

getMarker

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

getMarkerInFocus

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

getMarkers

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

getSelectedMarker

getSelectedMarker(): Marker | undefined
Get currently active marker

Returns Marker | undefined
Implementation of MarkerLaneApi.getSelectedMarker
- Defined in project/src/timeline/marker/marker-lane.ts:318

getTimecodedPointerPosition

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

getTimecodedPointerPositionTime

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

getTimecodedRect

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

getVttLoadOptions

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

isMinimized

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

loadVtt

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

maximize

maximize(): void
Maximize

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

maximizeEased

maximizeEased(): Observable<void>
Maximize with easing

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

maximizeInternal

maximizeInternal(refreshLayout?: boolean): void
Parameters
- refreshLayout: boolean = true
Returns void
Inherited from VttTimelineLane.maximizeInternal
- Defined in project/src/timeline/timeline-lane.ts:437

minimize

minimize(): void
Minimize

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

minimizeEased

minimizeEased(): Observable<void>
Minimize with easing

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

minimizeInternal

minimizeInternal(refreshLayout?: boolean): void
Parameters
- refreshLayout: boolean = true
Returns void
Inherited from VttTimelineLane.minimizeInternal
- Defined in project/src/timeline/timeline-lane.ts:429

onMeasurementsChange

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

prepareForTimeline

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

removeAllMarkers

removeAllMarkers(): void
Removes all Markers

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

removeMarker

removeMarker(id: string): 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:232

toggleMarker

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

toggleMinimizeMaximize

toggleMinimizeMaximize(): void
Toggles minimize / maximize

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

toggleMinimizeMaximizeEased

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

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

updateLayoutDimensions

updateLayoutDimensions(refreshLayout?: boolean): void
Parameters
- refreshLayout: boolean = true
Returns void
Inherited from VttTimelineLane.updateLayoutDimensions
- Defined in project/src/timeline/timeline-lane.ts:360

updateMarker

updateMarker(markerId: string, updateData: Partial<Marker>): 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:322

Class MarkerLane

Hierarchy

Implements

Index

Constructors

Properties

Accessors

Methods

Constructors

constructor

Parameters

Returns MarkerLane

Properties

ReadonlyonMarkerCreate$

ReadonlyonMarkerDelete$

ReadonlyonMarkerFocus$

ReadonlyonMarkerInit$

ReadonlyonMarkerSelected$

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 T | undefined

Parameters

Returns void

vttUrl

Returns string | undefined

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 Marker | undefined

getMarkerInFocus

Returns Marker | undefined

getMarkers

Returns Marker[]

getSelectedMarker

Returns Marker | undefined

`Readonly`onMarkerCreate$

`Readonly`onMarkerDelete$

`Readonly`onMarkerFocus$

`Readonly`onMarkerInit$

`Readonly`onMarkerSelected$

`Readonly`onMarkerUpdate$