@twick/video-editor 0.14.18 → 0.14.20
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/README.md +3 -1
- package/dist/hooks/use-timeline-manager.d.ts +22 -17
- package/dist/index.js +17734 -17734
- package/dist/index.js.map +1 -1
- package/dist/index.mjs.map +1 -1
- package/package.json +19 -15
package/README.md
CHANGED
|
@@ -20,7 +20,7 @@ This package provides a comprehensive video editing interface with timeline mana
|
|
|
20
20
|
|
|
21
21
|
## Requirements
|
|
22
22
|
|
|
23
|
-
- React 18 or
|
|
23
|
+
- React 18 or 19
|
|
24
24
|
- Browser environment with HTML5 Video support
|
|
25
25
|
|
|
26
26
|
## Installation
|
|
@@ -31,6 +31,8 @@ npm install @twick/video-editor
|
|
|
31
31
|
pnpm add @twick/video-editor
|
|
32
32
|
```
|
|
33
33
|
|
|
34
|
+
**Note:** All required dependencies (`@twick/canvas`, `@twick/timeline`, `@twick/live-player`, `@twick/media-utils`) are automatically installed with `@twick/video-editor`.
|
|
35
|
+
|
|
34
36
|
## Quick Start
|
|
35
37
|
|
|
36
38
|
```tsx
|
|
@@ -1,5 +1,25 @@
|
|
|
1
1
|
import { TrackElement, Track } from '@twick/timeline';
|
|
2
2
|
|
|
3
|
+
interface TimelineManagerReturn {
|
|
4
|
+
timelineData: {
|
|
5
|
+
tracks: Track[];
|
|
6
|
+
version: number;
|
|
7
|
+
} | null;
|
|
8
|
+
onAddTrack: () => void;
|
|
9
|
+
onElementDrag: ({ element, dragType, updates, }: {
|
|
10
|
+
updates: {
|
|
11
|
+
start: number;
|
|
12
|
+
end: number;
|
|
13
|
+
};
|
|
14
|
+
element: TrackElement;
|
|
15
|
+
dragType: string;
|
|
16
|
+
}) => void;
|
|
17
|
+
onReorder: (reorderedItems: Track[]) => void;
|
|
18
|
+
onSeek: (time: number) => void;
|
|
19
|
+
onSelectionChange: (selectedItem: TrackElement | Track | null) => void;
|
|
20
|
+
selectedItem: Track | TrackElement | null;
|
|
21
|
+
totalDuration: number;
|
|
22
|
+
}
|
|
3
23
|
/**
|
|
4
24
|
* Custom hook to manage timeline operations and state.
|
|
5
25
|
* Provides functions for handling element dragging, track reordering,
|
|
@@ -18,20 +38,5 @@ import { TrackElement, Track } from '@twick/timeline';
|
|
|
18
38
|
* onSeek(15.5);
|
|
19
39
|
* ```
|
|
20
40
|
*/
|
|
21
|
-
export declare const useTimelineManager: () =>
|
|
22
|
-
|
|
23
|
-
onAddTrack: () => void;
|
|
24
|
-
onElementDrag: ({ element, dragType, updates, }: {
|
|
25
|
-
updates: {
|
|
26
|
-
start: number;
|
|
27
|
-
end: number;
|
|
28
|
-
};
|
|
29
|
-
element: TrackElement;
|
|
30
|
-
dragType: string;
|
|
31
|
-
}) => void;
|
|
32
|
-
onReorder: (reorderedItems: Track[]) => void;
|
|
33
|
-
onSeek: (time: number) => void;
|
|
34
|
-
onSelectionChange: (selectedItem: TrackElement | Track | null) => void;
|
|
35
|
-
selectedItem: Track | TrackElement | null;
|
|
36
|
-
totalDuration: number;
|
|
37
|
-
};
|
|
41
|
+
export declare const useTimelineManager: () => TimelineManagerReturn;
|
|
42
|
+
export {};
|