@byomakase/omakase-player 0.8.2 → 0.8.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/api/audio-api.d.ts +3 -3
- package/dist/api/marker-lane-api.d.ts +6 -6
- package/dist/api/omakase-player-api.d.ts +12 -12
- package/dist/api/subtitles-api.d.ts +4 -4
- package/dist/api/timeline-api.d.ts +16 -11
- package/dist/api/video-api.d.ts +5 -5
- package/dist/audio/audio-controller.d.ts +4 -4
- package/dist/chart/chart-file.d.ts +12 -0
- package/dist/common/component.d.ts +5 -5
- package/dist/common/style-adapter.d.ts +1 -1
- package/dist/common/styles-provider.d.ts +2 -2
- package/dist/constants.d.ts +3 -1
- package/dist/dom/fullscreen.d.ts +19 -19
- package/dist/http.d.ts +1 -1
- package/dist/images/help.svg +17 -16
- package/dist/images/loading.svg +30 -29
- package/dist/images/pause.svg +19 -18
- package/dist/images/play.svg +20 -18
- package/dist/images/replay.svg +24 -22
- package/dist/index.d.ts +3 -3
- package/dist/omakase-player.cjs.js +30 -30
- package/dist/omakase-player.cjs.js.map +1 -1
- package/dist/omakase-player.d.ts +13 -11
- package/dist/omakase-player.es.js +3674 -3087
- package/dist/omakase-player.es.js.map +1 -1
- package/dist/omakase-player.umd.js +30 -30
- package/dist/omakase-player.umd.js.map +1 -1
- package/dist/subtitles/subtitles-controller.d.ts +5 -5
- package/dist/timeline/audio-track/audio-track-lane-item.d.ts +4 -6
- package/dist/timeline/audio-track/audio-track-lane.d.ts +5 -6
- package/dist/timeline/chart-track/bar-chart-lane-item.d.ts +50 -0
- package/dist/timeline/chart-track/bar-chart-lane.d.ts +64 -0
- package/dist/timeline/chart-track/index.d.ts +17 -0
- package/dist/timeline/chart-track/og-chart-lane-item.d.ts +51 -0
- package/dist/timeline/chart-track/og-chart-lane.d.ts +64 -0
- package/dist/timeline/index.d.ts +5 -4
- package/dist/timeline/marker/index.d.ts +4 -4
- package/dist/timeline/marker/marker-handle.d.ts +6 -6
- package/dist/timeline/marker/marker-lane.d.ts +9 -9
- package/dist/timeline/marker/marker.d.ts +7 -7
- package/dist/timeline/marker/moment-marker.d.ts +7 -7
- package/dist/timeline/marker/period-marker.d.ts +7 -7
- package/dist/timeline/playhead-hover.d.ts +5 -5
- package/dist/timeline/playhead.d.ts +5 -5
- package/dist/timeline/scrollbar.d.ts +5 -5
- package/dist/timeline/scrubber-lane.d.ts +7 -7
- package/dist/timeline/subtitles/subtitles-lane-item.d.ts +6 -6
- package/dist/timeline/subtitles/subtitles-lane.d.ts +7 -7
- package/dist/timeline/thumbnail/thumbnail-lane.d.ts +8 -8
- package/dist/timeline/thumbnail/thumbnail.d.ts +5 -5
- package/dist/timeline/timecode-display.d.ts +5 -5
- package/dist/timeline/timeline-lane.d.ts +8 -8
- package/dist/timeline/timeline.d.ts +31 -19
- package/dist/track/audio-vtt-file.d.ts +4 -4
- package/dist/track/subtitles-vtt-file.d.ts +4 -4
- package/dist/track/subtitles-vtt-track.d.ts +2 -2
- package/dist/track/thumbnail-vtt-file.d.ts +4 -4
- package/dist/track/track.d.ts +1 -1
- package/dist/track/vtt-file.d.ts +3 -3
- package/dist/types/chart.d.ts +43 -0
- package/dist/types/events.d.ts +7 -7
- package/dist/types/index.d.ts +7 -5
- package/dist/types/types.d.ts +1 -1
- package/dist/types/vtt.d.ts +1 -1
- package/dist/util/animation-util.d.ts +2 -2
- package/dist/util/array-util.d.ts +3 -0
- package/dist/util/color-util.d.ts +1 -0
- package/dist/util/destroy-util.d.ts +1 -1
- package/dist/util/error-util.d.ts +1 -1
- package/dist/util/frame-util.d.ts +1 -1
- package/dist/util/image-util.d.ts +2 -2
- package/dist/util/observable-util.d.ts +1 -1
- package/dist/util/shape-util.d.ts +1 -1
- package/dist/util/timestamp-util.d.ts +5 -4
- package/dist/video/playback-state.d.ts +1 -1
- package/dist/video/video-controller-api.d.ts +6 -6
- package/dist/video/video-controller.d.ts +14 -10
- package/dist/video/video-dom-controller.d.ts +3 -3
- package/dist/video/video-hls-controller.d.ts +9 -5
- package/package.json +2 -2
|
@@ -14,11 +14,11 @@
|
|
|
14
14
|
* limitations under the License.
|
|
15
15
|
*
|
|
16
16
|
*/
|
|
17
|
-
import { SubtitlesVttTrack } from
|
|
18
|
-
import { Destroyable, OmakaseTextTrack, OmakaseTextTrackCue, SubtitlesCreateEvent, SubtitlesEvent, SubtitlesVttTrackConfig } from
|
|
19
|
-
import { Observable, Subject } from
|
|
20
|
-
import { SubtitlesApi } from
|
|
21
|
-
import { VideoControllerApi } from
|
|
17
|
+
import { SubtitlesVttTrack } from '../track/subtitles-vtt-track';
|
|
18
|
+
import { Destroyable, OmakaseTextTrack, OmakaseTextTrackCue, SubtitlesCreateEvent, SubtitlesEvent, SubtitlesVttTrackConfig } from '../types';
|
|
19
|
+
import { Observable, Subject } from 'rxjs';
|
|
20
|
+
import { SubtitlesApi } from '../api/subtitles-api';
|
|
21
|
+
import { VideoControllerApi } from '../video/video-controller-api';
|
|
22
22
|
export declare class SubtitlesController implements SubtitlesApi, Destroyable {
|
|
23
23
|
protected currentTrack: OmakaseTextTrack<OmakaseTextTrackCue>;
|
|
24
24
|
protected videoController: VideoControllerApi;
|
|
@@ -13,11 +13,10 @@
|
|
|
13
13
|
* See the License for the specific language governing permissions and
|
|
14
14
|
* limitations under the License.
|
|
15
15
|
*/
|
|
16
|
-
import { BaseComponent, ComponentConfig, ComponentConfigStyleComposed } from
|
|
17
|
-
import Konva from
|
|
18
|
-
import { Dimension, HasRectMeasurement, Position, RectMeasurement } from
|
|
19
|
-
import { AudioVttCue } from
|
|
20
|
-
import { WithOptionalPartial } from "../../types/types";
|
|
16
|
+
import { BaseComponent, ComponentConfig, ComponentConfigStyleComposed } from '../../common/component';
|
|
17
|
+
import Konva from 'konva';
|
|
18
|
+
import { Dimension, HasRectMeasurement, Position, RectMeasurement } from '../../common/measurement';
|
|
19
|
+
import { AudioVttCue, WithOptionalPartial } from '../../types';
|
|
21
20
|
export interface AudioTrackLaneItemStyle {
|
|
22
21
|
height: number;
|
|
23
22
|
cornerRadius: number;
|
|
@@ -49,6 +48,5 @@ export declare class AudioTrackLaneItem extends BaseComponent<AudioTrackLaneItem
|
|
|
49
48
|
getDimension(): Dimension;
|
|
50
49
|
getRect(): RectMeasurement;
|
|
51
50
|
getAudioVttCue(): AudioVttCue;
|
|
52
|
-
setAudioVttCue(audioVttCue: AudioVttCue): void;
|
|
53
51
|
destroy(): void;
|
|
54
52
|
}
|
|
@@ -13,11 +13,11 @@
|
|
|
13
13
|
* See the License for the specific language governing permissions and
|
|
14
14
|
* limitations under the License.
|
|
15
15
|
*/
|
|
16
|
-
import { BaseTimelineLane, TimelaneLaneConfig, TimelineLaneStyle } from
|
|
17
|
-
import Konva from
|
|
18
|
-
import { Subject } from
|
|
19
|
-
import { ComponentConfigStyleComposed } from
|
|
20
|
-
import { AudioTrackLaneItem } from
|
|
16
|
+
import { BaseTimelineLane, TimelaneLaneConfig, TimelineLaneStyle } from '../timeline-lane';
|
|
17
|
+
import Konva from 'konva';
|
|
18
|
+
import { Subject } from 'rxjs';
|
|
19
|
+
import { ComponentConfigStyleComposed } from '../../common/component';
|
|
20
|
+
import { AudioTrackLaneItem } from './audio-track-lane-item';
|
|
21
21
|
export interface AudioTrackLaneStyle extends TimelineLaneStyle {
|
|
22
22
|
paddingTop: number;
|
|
23
23
|
paddingBottom: number;
|
|
@@ -48,7 +48,6 @@ export declare class AudioTrackLane extends BaseTimelineLane<AudioTrackLaneConfi
|
|
|
48
48
|
private clearItems;
|
|
49
49
|
private getVisibleCuesForInterpolation;
|
|
50
50
|
private createEntities;
|
|
51
|
-
private resolveNumOfCuesPerInterpolation;
|
|
52
51
|
private resolveCuesInterpolations;
|
|
53
52
|
private settleAll;
|
|
54
53
|
private resolveInterpolatedItemPosition;
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright 2023 ByOmakase, LLC (https://byomakase.org)
|
|
3
|
+
*
|
|
4
|
+
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
5
|
+
* you may not use this file except in compliance with the License.
|
|
6
|
+
* You may obtain a copy of the License at
|
|
7
|
+
*
|
|
8
|
+
* http://www.apache.org/licenses/LICENSE-2.0
|
|
9
|
+
*
|
|
10
|
+
* Unless required by applicable law or agreed to in writing, software
|
|
11
|
+
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
12
|
+
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
13
|
+
* See the License for the specific language governing permissions and
|
|
14
|
+
* limitations under the License.
|
|
15
|
+
*/
|
|
16
|
+
import { BaseComponent, ComponentConfig, ComponentConfigStyleComposed } from '../../common/component';
|
|
17
|
+
import Konva from 'konva';
|
|
18
|
+
import { Dimension, HasRectMeasurement, Position, RectMeasurement } from '../../common/measurement';
|
|
19
|
+
import { BarChartCue, WithOptionalPartial } from '../../types';
|
|
20
|
+
export interface BarChartLaneItemStyle {
|
|
21
|
+
height: number;
|
|
22
|
+
opacity: number;
|
|
23
|
+
visible: boolean;
|
|
24
|
+
fillLinearGradientColorStops: (number | string)[];
|
|
25
|
+
paddingX: number;
|
|
26
|
+
cornerRadius: number;
|
|
27
|
+
}
|
|
28
|
+
export interface BarChartLaneItemConfig extends ComponentConfig<BarChartLaneItemStyle> {
|
|
29
|
+
chartCue: BarChartCue;
|
|
30
|
+
valueMax: number;
|
|
31
|
+
x: number;
|
|
32
|
+
width: number;
|
|
33
|
+
listening?: boolean;
|
|
34
|
+
}
|
|
35
|
+
export declare class BarChartLaneItem extends BaseComponent<BarChartLaneItemConfig, BarChartLaneItemStyle, Konva.Group> implements HasRectMeasurement {
|
|
36
|
+
private x;
|
|
37
|
+
private width;
|
|
38
|
+
private listening;
|
|
39
|
+
private group;
|
|
40
|
+
private chartCue;
|
|
41
|
+
private valueMax;
|
|
42
|
+
constructor(config: ComponentConfigStyleComposed<BarChartLaneItemConfig>);
|
|
43
|
+
protected createCanvasNode(): Konva.Group;
|
|
44
|
+
setPosition(position: WithOptionalPartial<Position, 'y'>): void;
|
|
45
|
+
getPosition(): Position;
|
|
46
|
+
getDimension(): Dimension;
|
|
47
|
+
getRect(): RectMeasurement;
|
|
48
|
+
getChartCue(): BarChartCue;
|
|
49
|
+
destroy(): void;
|
|
50
|
+
}
|
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright 2023 ByOmakase, LLC (https://byomakase.org)
|
|
3
|
+
*
|
|
4
|
+
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
5
|
+
* you may not use this file except in compliance with the License.
|
|
6
|
+
* You may obtain a copy of the License at
|
|
7
|
+
*
|
|
8
|
+
* http://www.apache.org/licenses/LICENSE-2.0
|
|
9
|
+
*
|
|
10
|
+
* Unless required by applicable law or agreed to in writing, software
|
|
11
|
+
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
12
|
+
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
13
|
+
* See the License for the specific language governing permissions and
|
|
14
|
+
* limitations under the License.
|
|
15
|
+
*/
|
|
16
|
+
import { BaseTimelineLane, TimelaneLaneConfig, TimelineLaneStyle } from '../timeline-lane';
|
|
17
|
+
import Konva from 'konva';
|
|
18
|
+
import { Subject } from 'rxjs';
|
|
19
|
+
import { ComponentConfigStyleComposed } from '../../common/component';
|
|
20
|
+
import { BarChartLaneItem } from './bar-chart-lane-item';
|
|
21
|
+
import { BarChart } from '../../types';
|
|
22
|
+
export interface BarChartLaneStyle extends TimelineLaneStyle {
|
|
23
|
+
paddingTop: number;
|
|
24
|
+
paddingBottom: number;
|
|
25
|
+
interpolationWidth: number;
|
|
26
|
+
itemFillLinearGradientColorStops: (number | string)[];
|
|
27
|
+
itemPadding: number;
|
|
28
|
+
itemCornerRadius: number;
|
|
29
|
+
}
|
|
30
|
+
export interface BarChartLaneConfig extends TimelaneLaneConfig<BarChartLaneStyle> {
|
|
31
|
+
chart: BarChart;
|
|
32
|
+
valueMax: number;
|
|
33
|
+
valueInterpolationStrategy: 'average' | 'max';
|
|
34
|
+
}
|
|
35
|
+
export declare class BarChartLane extends BaseTimelineLane<BarChartLaneConfig, BarChartLaneStyle> {
|
|
36
|
+
private _chart;
|
|
37
|
+
private _valueMax;
|
|
38
|
+
private _valueInterpolationStrategy;
|
|
39
|
+
protected readonly chartLaneItemsMap: Map<number, BarChartLaneItem>;
|
|
40
|
+
protected timecodedGroup: Konva.Group;
|
|
41
|
+
protected timecodedEventCatcher: Konva.Rect;
|
|
42
|
+
protected chartLaneItemsGroup: Konva.Group;
|
|
43
|
+
private chartFile;
|
|
44
|
+
private numOfInterpolations;
|
|
45
|
+
readonly onSettleLayout$: Subject<void>;
|
|
46
|
+
constructor(config: ComponentConfigStyleComposed<BarChartLaneConfig>);
|
|
47
|
+
protected createCanvasNode(): Konva.Group;
|
|
48
|
+
protected settleLayout(): void;
|
|
49
|
+
protected afterCanvasNodeInit(): void;
|
|
50
|
+
clearContent(): void;
|
|
51
|
+
private clearItems;
|
|
52
|
+
private getVisibleCuesForInterpolation;
|
|
53
|
+
private createEntities;
|
|
54
|
+
private resolveCuesInterpolations;
|
|
55
|
+
private resolveInterpolationValue;
|
|
56
|
+
private resolveInterpolationTimes;
|
|
57
|
+
private settleAll;
|
|
58
|
+
private resolveInterpolatedItemPosition;
|
|
59
|
+
private settlePosition;
|
|
60
|
+
private createChartFile;
|
|
61
|
+
private isFileLoaded;
|
|
62
|
+
get chart(): BarChart;
|
|
63
|
+
destroy(): void;
|
|
64
|
+
}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright 2023 ByOmakase, LLC (https://byomakase.org)
|
|
3
|
+
*
|
|
4
|
+
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
5
|
+
* you may not use this file except in compliance with the License.
|
|
6
|
+
* You may obtain a copy of the License at
|
|
7
|
+
*
|
|
8
|
+
* http://www.apache.org/licenses/LICENSE-2.0
|
|
9
|
+
*
|
|
10
|
+
* Unless required by applicable law or agreed to in writing, software
|
|
11
|
+
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
12
|
+
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
13
|
+
* See the License for the specific language governing permissions and
|
|
14
|
+
* limitations under the License.
|
|
15
|
+
*/
|
|
16
|
+
export { OgChartLane } from './og-chart-lane';
|
|
17
|
+
export { BarChartLane } from './bar-chart-lane';
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright 2023 ByOmakase, LLC (https://byomakase.org)
|
|
3
|
+
*
|
|
4
|
+
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
5
|
+
* you may not use this file except in compliance with the License.
|
|
6
|
+
* You may obtain a copy of the License at
|
|
7
|
+
*
|
|
8
|
+
* http://www.apache.org/licenses/LICENSE-2.0
|
|
9
|
+
*
|
|
10
|
+
* Unless required by applicable law or agreed to in writing, software
|
|
11
|
+
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
12
|
+
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
13
|
+
* See the License for the specific language governing permissions and
|
|
14
|
+
* limitations under the License.
|
|
15
|
+
*/
|
|
16
|
+
import { BaseComponent, ComponentConfig, ComponentConfigStyleComposed } from '../../common/component';
|
|
17
|
+
import Konva from 'konva';
|
|
18
|
+
import { Dimension, HasRectMeasurement, Position, RectMeasurement } from '../../common/measurement';
|
|
19
|
+
import { OgChartCue, WithOptionalPartial } from '../../types';
|
|
20
|
+
export interface OgChartLaneItemStyle {
|
|
21
|
+
height: number;
|
|
22
|
+
opacity: number;
|
|
23
|
+
visible: boolean;
|
|
24
|
+
fillLinearGradientColorStops: (number | string)[];
|
|
25
|
+
paddingX: number;
|
|
26
|
+
paddingY: number;
|
|
27
|
+
scaleRatio: number;
|
|
28
|
+
}
|
|
29
|
+
export interface OgChartLaneItemConfig extends ComponentConfig<OgChartLaneItemStyle> {
|
|
30
|
+
chartCue: OgChartCue;
|
|
31
|
+
valueMax: number;
|
|
32
|
+
x: number;
|
|
33
|
+
width: number;
|
|
34
|
+
listening?: boolean;
|
|
35
|
+
}
|
|
36
|
+
export declare class OgChartLaneItem extends BaseComponent<OgChartLaneItemConfig, OgChartLaneItemStyle, Konva.Group> implements HasRectMeasurement {
|
|
37
|
+
private x;
|
|
38
|
+
private width;
|
|
39
|
+
private listening;
|
|
40
|
+
private group;
|
|
41
|
+
private chartCue;
|
|
42
|
+
private valueMax;
|
|
43
|
+
constructor(config: ComponentConfigStyleComposed<OgChartLaneItemConfig>);
|
|
44
|
+
protected createCanvasNode(): Konva.Group;
|
|
45
|
+
setPosition(position: WithOptionalPartial<Position, 'y'>): void;
|
|
46
|
+
getPosition(): Position;
|
|
47
|
+
getDimension(): Dimension;
|
|
48
|
+
getRect(): RectMeasurement;
|
|
49
|
+
getChartCue(): OgChartCue;
|
|
50
|
+
destroy(): void;
|
|
51
|
+
}
|
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright 2023 ByOmakase, LLC (https://byomakase.org)
|
|
3
|
+
*
|
|
4
|
+
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
5
|
+
* you may not use this file except in compliance with the License.
|
|
6
|
+
* You may obtain a copy of the License at
|
|
7
|
+
*
|
|
8
|
+
* http://www.apache.org/licenses/LICENSE-2.0
|
|
9
|
+
*
|
|
10
|
+
* Unless required by applicable law or agreed to in writing, software
|
|
11
|
+
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
12
|
+
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
13
|
+
* See the License for the specific language governing permissions and
|
|
14
|
+
* limitations under the License.
|
|
15
|
+
*/
|
|
16
|
+
import { BaseTimelineLane, TimelaneLaneConfig, TimelineLaneStyle } from '../timeline-lane';
|
|
17
|
+
import Konva from 'konva';
|
|
18
|
+
import { Subject } from 'rxjs';
|
|
19
|
+
import { ComponentConfigStyleComposed } from '../../common/component';
|
|
20
|
+
import { OgChartLaneItem } from './og-chart-lane-item';
|
|
21
|
+
import { OgChart } from '../../types';
|
|
22
|
+
export interface OgChartLaneStyle extends TimelineLaneStyle {
|
|
23
|
+
paddingTop: number;
|
|
24
|
+
paddingBottom: number;
|
|
25
|
+
interpolationWidth: number;
|
|
26
|
+
itemFillLinearGradientColorStops: (number | string)[];
|
|
27
|
+
itemPadding: number;
|
|
28
|
+
itemScaleRatio: number;
|
|
29
|
+
}
|
|
30
|
+
export interface OgChartLaneConfig extends TimelaneLaneConfig<OgChartLaneStyle> {
|
|
31
|
+
chart: OgChart;
|
|
32
|
+
valueMax: number;
|
|
33
|
+
valueInterpolationStrategy: 'average' | 'max';
|
|
34
|
+
}
|
|
35
|
+
export declare class OgChartLane extends BaseTimelineLane<OgChartLaneConfig, OgChartLaneStyle> {
|
|
36
|
+
private _chart;
|
|
37
|
+
private _valueMax;
|
|
38
|
+
private _valueInterpolationStrategy;
|
|
39
|
+
protected readonly chartLaneItemsMap: Map<number, OgChartLaneItem>;
|
|
40
|
+
protected timecodedGroup: Konva.Group;
|
|
41
|
+
protected timecodedEventCatcher: Konva.Rect;
|
|
42
|
+
protected chartLaneItemsGroup: Konva.Group;
|
|
43
|
+
private chartFile;
|
|
44
|
+
private numOfInterpolations;
|
|
45
|
+
readonly onSettleLayout$: Subject<void>;
|
|
46
|
+
constructor(config: ComponentConfigStyleComposed<OgChartLaneConfig>);
|
|
47
|
+
protected createCanvasNode(): Konva.Group;
|
|
48
|
+
protected settleLayout(): void;
|
|
49
|
+
protected afterCanvasNodeInit(): void;
|
|
50
|
+
clearContent(): void;
|
|
51
|
+
private clearItems;
|
|
52
|
+
private getVisibleCuesForInterpolation;
|
|
53
|
+
private createEntities;
|
|
54
|
+
private resolveCuesInterpolations;
|
|
55
|
+
private resolveInterpolationValue;
|
|
56
|
+
private resolveInterpolationTimes;
|
|
57
|
+
private settleAll;
|
|
58
|
+
private resolveInterpolatedItemPosition;
|
|
59
|
+
private settlePosition;
|
|
60
|
+
private createChartFile;
|
|
61
|
+
private isFileLoaded;
|
|
62
|
+
get chart(): OgChart;
|
|
63
|
+
destroy(): void;
|
|
64
|
+
}
|
package/dist/timeline/index.d.ts
CHANGED
|
@@ -14,7 +14,8 @@
|
|
|
14
14
|
* limitations under the License.
|
|
15
15
|
*/
|
|
16
16
|
export type { TimelaneLane } from './timeline-lane';
|
|
17
|
-
export * from
|
|
18
|
-
export * from
|
|
19
|
-
export * from
|
|
20
|
-
export * from
|
|
17
|
+
export * from './marker';
|
|
18
|
+
export * from './subtitles';
|
|
19
|
+
export * from './thumbnail';
|
|
20
|
+
export * from './audio-track';
|
|
21
|
+
export * from './chart-track';
|
|
@@ -13,7 +13,7 @@
|
|
|
13
13
|
* See the License for the specific language governing permissions and
|
|
14
14
|
* limitations under the License.
|
|
15
15
|
*/
|
|
16
|
-
export type { Marker } from
|
|
17
|
-
export { MarkerLane } from
|
|
18
|
-
export { MomentMarker } from
|
|
19
|
-
export { PeriodMarker } from
|
|
16
|
+
export type { Marker } from './marker';
|
|
17
|
+
export { MarkerLane } from './marker-lane';
|
|
18
|
+
export { MomentMarker } from './moment-marker';
|
|
19
|
+
export { PeriodMarker } from './period-marker';
|
|
@@ -13,12 +13,12 @@
|
|
|
13
13
|
* See the License for the specific language governing permissions and
|
|
14
14
|
* limitations under the License.
|
|
15
15
|
*/
|
|
16
|
-
import { BaseComponent, Component, ComponentConfig } from
|
|
17
|
-
import Konva from
|
|
18
|
-
import { OnMeasurementsChange, Position, VerticalMeasurement } from
|
|
19
|
-
import { MarkerLane } from
|
|
20
|
-
import { Timeline } from
|
|
21
|
-
import { MarkerRenderType, MarkerSymbolType } from
|
|
16
|
+
import { BaseComponent, Component, ComponentConfig } from '../../common/component';
|
|
17
|
+
import Konva from 'konva';
|
|
18
|
+
import { OnMeasurementsChange, Position, VerticalMeasurement } from '../../common/measurement';
|
|
19
|
+
import { MarkerLane } from './marker-lane';
|
|
20
|
+
import { Timeline } from '../timeline';
|
|
21
|
+
import { MarkerRenderType, MarkerSymbolType } from './marker';
|
|
22
22
|
export interface MarkerHandleStyle {
|
|
23
23
|
color: string;
|
|
24
24
|
markerRenderType: MarkerRenderType;
|
|
@@ -13,15 +13,15 @@
|
|
|
13
13
|
* See the License for the specific language governing permissions and
|
|
14
14
|
* limitations under the License.
|
|
15
15
|
*/
|
|
16
|
-
import { GenericMarker } from
|
|
17
|
-
import Konva from
|
|
18
|
-
import { BaseTimelineLane, TimelaneLaneConfig, TimelineLaneStyle } from
|
|
19
|
-
import { MarkerLaneApi } from
|
|
20
|
-
import { ComponentConfigStyleComposed } from
|
|
21
|
-
import { PeriodMarker, PeriodMarkerConfig } from
|
|
22
|
-
import { MomentMarker, MomentMarkerConfig } from
|
|
23
|
-
import { Subject } from
|
|
24
|
-
import { MarkerFocusEvent } from
|
|
16
|
+
import { GenericMarker } from './marker';
|
|
17
|
+
import Konva from 'konva';
|
|
18
|
+
import { BaseTimelineLane, TimelaneLaneConfig, TimelineLaneStyle } from '../timeline-lane';
|
|
19
|
+
import { MarkerLaneApi } from '../../api/marker-lane-api';
|
|
20
|
+
import { ComponentConfigStyleComposed } from '../../common/component';
|
|
21
|
+
import { PeriodMarker, PeriodMarkerConfig } from './period-marker';
|
|
22
|
+
import { MomentMarker, MomentMarkerConfig } from './moment-marker';
|
|
23
|
+
import { Subject } from 'rxjs';
|
|
24
|
+
import { MarkerFocusEvent } from '../../types';
|
|
25
25
|
export interface HasMarkerLane {
|
|
26
26
|
setMarkerLane(markerLane: MarkerLane): void;
|
|
27
27
|
}
|
|
@@ -13,13 +13,13 @@
|
|
|
13
13
|
* See the License for the specific language governing permissions and
|
|
14
14
|
* limitations under the License.
|
|
15
15
|
*/
|
|
16
|
-
import { OnMeasurementsChange } from
|
|
17
|
-
import { BaseComponent, Component, ComponentConfig } from
|
|
18
|
-
import Konva from
|
|
19
|
-
import { HasMarkerLane, MarkerLane } from
|
|
20
|
-
import { MarkerChangeEvent, MarkerEvent, TimeObservation } from
|
|
21
|
-
import { Subject } from
|
|
22
|
-
import { Timeline } from
|
|
16
|
+
import { OnMeasurementsChange } from '../../common/measurement';
|
|
17
|
+
import { BaseComponent, Component, ComponentConfig } from '../../common/component';
|
|
18
|
+
import Konva from 'konva';
|
|
19
|
+
import { HasMarkerLane, MarkerLane } from './marker-lane';
|
|
20
|
+
import { MarkerChangeEvent, MarkerEvent, TimeObservation } from '../../types';
|
|
21
|
+
import { Subject } from 'rxjs';
|
|
22
|
+
import { Timeline } from '../timeline';
|
|
23
23
|
export type MarkerRenderType = 'lane' | 'spanning';
|
|
24
24
|
export type MarkerSymbolType = 'square' | 'triangle' | 'circle';
|
|
25
25
|
export interface MarkerStyle {
|
|
@@ -13,13 +13,13 @@
|
|
|
13
13
|
* See the License for the specific language governing permissions and
|
|
14
14
|
* limitations under the License.
|
|
15
15
|
*/
|
|
16
|
-
import Konva from
|
|
17
|
-
import { BaseMarker, MarkerConfig, MarkerStyle } from
|
|
18
|
-
import { MomentMarkerChangeEvent, MomentObservation } from
|
|
19
|
-
import { BaseMarkerHandle, MarkerHandleConfig, MarkerHandleStyle } from
|
|
20
|
-
import { MarkerLane } from
|
|
21
|
-
import { Timeline } from
|
|
22
|
-
import { ComponentConfigStyleComposed } from
|
|
16
|
+
import Konva from 'konva';
|
|
17
|
+
import { BaseMarker, MarkerConfig, MarkerStyle } from './marker';
|
|
18
|
+
import { MomentMarkerChangeEvent, MomentObservation } from '../../types';
|
|
19
|
+
import { BaseMarkerHandle, MarkerHandleConfig, MarkerHandleStyle } from './marker-handle';
|
|
20
|
+
import { MarkerLane } from './marker-lane';
|
|
21
|
+
import { Timeline } from '../timeline';
|
|
22
|
+
import { ComponentConfigStyleComposed } from '../../common/component';
|
|
23
23
|
export interface MomentMarkerHandleStyle extends MarkerHandleStyle {
|
|
24
24
|
markerSymbolSize: number;
|
|
25
25
|
}
|
|
@@ -13,13 +13,13 @@
|
|
|
13
13
|
* See the License for the specific language governing permissions and
|
|
14
14
|
* limitations under the License.
|
|
15
15
|
*/
|
|
16
|
-
import Konva from
|
|
17
|
-
import { BaseMarker, MarkerConfig, MarkerStyle } from
|
|
18
|
-
import { PeriodMarkerChangeEvent, PeriodObservation } from
|
|
19
|
-
import { BaseMarkerHandle, MarkerHandleConfig, MarkerHandleStyle } from
|
|
20
|
-
import { Timeline } from
|
|
21
|
-
import { MarkerLane } from
|
|
22
|
-
import { ComponentConfigStyleComposed } from
|
|
16
|
+
import Konva from 'konva';
|
|
17
|
+
import { BaseMarker, MarkerConfig, MarkerStyle } from './marker';
|
|
18
|
+
import { PeriodMarkerChangeEvent, PeriodObservation } from '../../types';
|
|
19
|
+
import { BaseMarkerHandle, MarkerHandleConfig, MarkerHandleStyle } from './marker-handle';
|
|
20
|
+
import { Timeline } from '../timeline';
|
|
21
|
+
import { MarkerLane } from './marker-lane';
|
|
22
|
+
import { ComponentConfigStyleComposed } from '../../common/component';
|
|
23
23
|
export interface PeriodMarkerHandleStyle extends MarkerHandleStyle {
|
|
24
24
|
markerSymbolSize: number;
|
|
25
25
|
periodMarkerHandleType: 'start' | 'end';
|
|
@@ -13,11 +13,11 @@
|
|
|
13
13
|
* See the License for the specific language governing permissions and
|
|
14
14
|
* limitations under the License.
|
|
15
15
|
*/
|
|
16
|
-
import { BaseComponent, ComponentConfig, ComponentConfigStyleComposed } from
|
|
17
|
-
import Konva from
|
|
18
|
-
import { OnMeasurementsChange } from
|
|
19
|
-
import { Timeline } from
|
|
20
|
-
import { StylesProvider } from
|
|
16
|
+
import { BaseComponent, ComponentConfig, ComponentConfigStyleComposed } from '../common/component';
|
|
17
|
+
import Konva from 'konva';
|
|
18
|
+
import { OnMeasurementsChange } from '../common/measurement';
|
|
19
|
+
import { Timeline } from './timeline';
|
|
20
|
+
import { StylesProvider } from '../common/styles-provider';
|
|
21
21
|
export interface PlayheadHoverStyle {
|
|
22
22
|
x: number;
|
|
23
23
|
y: number;
|
|
@@ -13,11 +13,11 @@
|
|
|
13
13
|
* See the License for the specific language governing permissions and
|
|
14
14
|
* limitations under the License.
|
|
15
15
|
*/
|
|
16
|
-
import { BaseComponent, ComponentConfig, ComponentConfigStyleComposed } from
|
|
17
|
-
import Konva from
|
|
18
|
-
import { OnMeasurementsChange } from
|
|
19
|
-
import { Timeline } from
|
|
20
|
-
import { VideoControllerApi } from
|
|
16
|
+
import { BaseComponent, ComponentConfig, ComponentConfigStyleComposed } from '../common/component';
|
|
17
|
+
import Konva from 'konva';
|
|
18
|
+
import { OnMeasurementsChange } from '../common/measurement';
|
|
19
|
+
import { Timeline } from './timeline';
|
|
20
|
+
import { VideoControllerApi } from '../video/video-controller-api';
|
|
21
21
|
export interface PlayheadStyle {
|
|
22
22
|
visible: boolean;
|
|
23
23
|
fill: string;
|
|
@@ -13,11 +13,11 @@
|
|
|
13
13
|
* See the License for the specific language governing permissions and
|
|
14
14
|
* limitations under the License.
|
|
15
15
|
*/
|
|
16
|
-
import { BaseComponent, ComponentConfig, ComponentConfigStyleComposed } from
|
|
17
|
-
import Konva from
|
|
18
|
-
import { HasRectMeasurement, HorizontalMeasurement, OnMeasurementsChange, Position, RectMeasurement } from
|
|
19
|
-
import { ScrollbarScrollEvent, ScrollbarZoomEvent } from
|
|
20
|
-
import { Subject } from
|
|
16
|
+
import { BaseComponent, ComponentConfig, ComponentConfigStyleComposed } from '../common/component';
|
|
17
|
+
import Konva from 'konva';
|
|
18
|
+
import { HasRectMeasurement, HorizontalMeasurement, OnMeasurementsChange, Position, RectMeasurement } from '../common/measurement';
|
|
19
|
+
import { ScrollbarScrollEvent, ScrollbarZoomEvent } from '../types';
|
|
20
|
+
import { Subject } from 'rxjs';
|
|
21
21
|
export interface ScrollableHorizontally {
|
|
22
22
|
setHorizontalScrollPercent(percent: number): void;
|
|
23
23
|
getHorizontalScrollPercent(): number;
|
|
@@ -13,13 +13,13 @@
|
|
|
13
13
|
* See the License for the specific language governing permissions and
|
|
14
14
|
* limitations under the License.
|
|
15
15
|
*/
|
|
16
|
-
import Konva from
|
|
17
|
-
import { BaseTimelineLane, TimelaneLaneConfig, TimelineLaneStyle } from
|
|
18
|
-
import { Subject } from
|
|
19
|
-
import { ClickEvent, MouseEnterEvent, MouseLeaveEvent, MouseMoveEvent, MouseOutEvent, MouseOverEvent } from
|
|
20
|
-
import { TimecodeDisplay } from
|
|
21
|
-
import { ComponentConfigStyleComposed } from
|
|
22
|
-
import { VideoControllerApi } from
|
|
16
|
+
import Konva from 'konva';
|
|
17
|
+
import { BaseTimelineLane, TimelaneLaneConfig, TimelineLaneStyle } from './timeline-lane';
|
|
18
|
+
import { Subject } from 'rxjs';
|
|
19
|
+
import { ClickEvent, MouseEnterEvent, MouseLeaveEvent, MouseMoveEvent, MouseOutEvent, MouseOverEvent } from '../types';
|
|
20
|
+
import { TimecodeDisplay } from './timecode-display';
|
|
21
|
+
import { ComponentConfigStyleComposed } from '../common/component';
|
|
22
|
+
import { VideoControllerApi } from '../video/video-controller-api';
|
|
23
23
|
export interface ScrubberLaneStyle extends TimelineLaneStyle {
|
|
24
24
|
tickDivisor: number;
|
|
25
25
|
tickDivisionMinWidth: number;
|
|
@@ -13,12 +13,12 @@
|
|
|
13
13
|
* See the License for the specific language governing permissions and
|
|
14
14
|
* limitations under the License.
|
|
15
15
|
*/
|
|
16
|
-
import { BaseComponent, ComponentConfig, ComponentConfigStyleComposed } from
|
|
17
|
-
import Konva from
|
|
18
|
-
import { Dimension, HasRectMeasurement, HorizontalMeasurement, OnMeasurementsChange, Position, RectMeasurement } from
|
|
19
|
-
import { Comparable, OmakaseTextTrackCue } from
|
|
20
|
-
import { WithOptionalPartial } from
|
|
21
|
-
import { SubtitlesLane } from
|
|
16
|
+
import { BaseComponent, ComponentConfig, ComponentConfigStyleComposed } from '../../common/component';
|
|
17
|
+
import Konva from 'konva';
|
|
18
|
+
import { Dimension, HasRectMeasurement, HorizontalMeasurement, OnMeasurementsChange, Position, RectMeasurement } from '../../common/measurement';
|
|
19
|
+
import { Comparable, OmakaseTextTrackCue } from '../../types';
|
|
20
|
+
import { WithOptionalPartial } from '../../types/types';
|
|
21
|
+
import { SubtitlesLane } from './subtitles-lane';
|
|
22
22
|
export interface SubtitlesLaneItemStyle {
|
|
23
23
|
height: number;
|
|
24
24
|
fill: string;
|
|
@@ -13,13 +13,13 @@
|
|
|
13
13
|
* See the License for the specific language governing permissions and
|
|
14
14
|
* limitations under the License.
|
|
15
15
|
*/
|
|
16
|
-
import { BaseTimelineLane, TimelaneLaneConfig, TimelineLaneStyle } from
|
|
17
|
-
import Konva from
|
|
18
|
-
import { Subject } from
|
|
19
|
-
import { HorizontalMeasurement } from
|
|
20
|
-
import { OmakaseTextTrackCue } from
|
|
21
|
-
import { SubtitlesLaneItem } from
|
|
22
|
-
import { ComponentConfigStyleComposed } from
|
|
16
|
+
import { BaseTimelineLane, TimelaneLaneConfig, TimelineLaneStyle } from '../timeline-lane';
|
|
17
|
+
import Konva from 'konva';
|
|
18
|
+
import { Subject } from 'rxjs';
|
|
19
|
+
import { HorizontalMeasurement } from '../../common/measurement';
|
|
20
|
+
import { OmakaseTextTrackCue } from '../../types';
|
|
21
|
+
import { SubtitlesLaneItem } from './subtitles-lane-item';
|
|
22
|
+
import { ComponentConfigStyleComposed } from '../../common/component';
|
|
23
23
|
export interface SubtitlesLaneStyle extends TimelineLaneStyle {
|
|
24
24
|
paddingTop: number;
|
|
25
25
|
paddingBottom: number;
|
|
@@ -13,14 +13,14 @@
|
|
|
13
13
|
* See the License for the specific language governing permissions and
|
|
14
14
|
* limitations under the License.
|
|
15
15
|
*/
|
|
16
|
-
import Konva from
|
|
17
|
-
import { Thumbnail } from
|
|
18
|
-
import { Subject } from
|
|
19
|
-
import { BaseTimelineLane, TimelaneLaneConfig, TimelineLaneStyle } from
|
|
20
|
-
import { ThumbnailVttFile } from
|
|
21
|
-
import { ThumbnailEvent } from
|
|
22
|
-
import { ComponentConfigStyleComposed } from
|
|
23
|
-
import { AxiosRequestConfig } from
|
|
16
|
+
import Konva from 'konva';
|
|
17
|
+
import { Thumbnail } from './thumbnail';
|
|
18
|
+
import { Subject } from 'rxjs';
|
|
19
|
+
import { BaseTimelineLane, TimelaneLaneConfig, TimelineLaneStyle } from '../timeline-lane';
|
|
20
|
+
import { ThumbnailVttFile } from '../../track/thumbnail-vtt-file';
|
|
21
|
+
import { ThumbnailEvent } from '../../types';
|
|
22
|
+
import { ComponentConfigStyleComposed } from '../../common/component';
|
|
23
|
+
import { AxiosRequestConfig } from 'axios';
|
|
24
24
|
export interface ThumbnailLaneStyle extends TimelineLaneStyle {
|
|
25
25
|
thumbnailHeight: number;
|
|
26
26
|
thumbnailStroke: string;
|
|
@@ -13,11 +13,11 @@
|
|
|
13
13
|
* See the License for the specific language governing permissions and
|
|
14
14
|
* limitations under the License.
|
|
15
15
|
*/
|
|
16
|
-
import { BaseComponent, ComponentConfig, ComponentConfigStyleComposed } from
|
|
17
|
-
import Konva from
|
|
18
|
-
import { Dimension, HasRectMeasurement, OnMeasurementsChange, Position, RectMeasurement } from
|
|
19
|
-
import { Comparable, ThumbnailEvent, ThumbnailVttCue } from
|
|
20
|
-
import { Subject } from
|
|
16
|
+
import { BaseComponent, ComponentConfig, ComponentConfigStyleComposed } from '../../common/component';
|
|
17
|
+
import Konva from 'konva';
|
|
18
|
+
import { Dimension, HasRectMeasurement, OnMeasurementsChange, Position, RectMeasurement } from '../../common/measurement';
|
|
19
|
+
import { Comparable, ThumbnailEvent, ThumbnailVttCue } from '../../types';
|
|
20
|
+
import { Subject } from 'rxjs';
|
|
21
21
|
export interface ThumbnailStyle {
|
|
22
22
|
x: number;
|
|
23
23
|
y: number;
|