@gradio/video 0.17.0-dev.0 → 0.17.0-dev.2

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.
Files changed (25) hide show
  1. package/CHANGELOG.md +27 -0
  2. package/Index.svelte +98 -122
  3. package/Video.test.ts +2 -2
  4. package/dist/Example.svelte +20 -16
  5. package/dist/Example.svelte.d.ts +21 -19
  6. package/dist/Index.svelte +127 -114
  7. package/dist/Index.svelte.d.ts +3 -155
  8. package/dist/shared/InteractiveVideo.svelte +79 -51
  9. package/dist/shared/InteractiveVideo.svelte.d.ts +57 -47
  10. package/dist/shared/Player.svelte +103 -71
  11. package/dist/shared/Player.svelte.d.ts +44 -42
  12. package/dist/shared/Video.svelte +77 -62
  13. package/dist/shared/Video.svelte.d.ts +44 -36
  14. package/dist/shared/VideoControls.svelte +49 -40
  15. package/dist/shared/VideoControls.svelte.d.ts +29 -27
  16. package/dist/shared/VideoPreview.svelte +58 -37
  17. package/dist/shared/VideoPreview.svelte.d.ts +37 -35
  18. package/dist/shared/VideoTimeline.svelte +148 -106
  19. package/dist/shared/VideoTimeline.svelte.d.ts +22 -20
  20. package/dist/types.d.ts +31 -0
  21. package/dist/types.js +1 -0
  22. package/package.json +14 -14
  23. package/shared/InteractiveVideo.svelte +3 -1
  24. package/shared/Video.svelte +1 -1
  25. package/types.ts +37 -0
package/dist/types.d.ts ADDED
@@ -0,0 +1,31 @@
1
+ import type { FileData } from "@gradio/client";
2
+ import type { LoadingStatus } from "@gradio/statustracker";
3
+ import type { WebcamOptions } from "./shared/utils";
4
+ export interface VideoProps {
5
+ value: FileData | null;
6
+ height: number | undefined;
7
+ width: number | undefined;
8
+ autoplay: boolean;
9
+ buttons: ("share" | "download" | "fullscreen")[];
10
+ sources: ["webcam"] | ["upload"] | ["webcam", "upload"] | ["upload", "webcam"];
11
+ webcam_options: WebcamOptions;
12
+ include_audio: boolean;
13
+ loop: boolean;
14
+ webcam_constraints: object;
15
+ subtitles: FileData | null;
16
+ }
17
+ export interface VideoEvents {
18
+ change: never;
19
+ clear: never;
20
+ play: never;
21
+ pause: never;
22
+ upload: never;
23
+ stop: never;
24
+ end: never;
25
+ start_recording: never;
26
+ stop_recording: never;
27
+ clear_status: LoadingStatus;
28
+ share: any;
29
+ error: any;
30
+ warning: any;
31
+ }
package/dist/types.js ADDED
@@ -0,0 +1 @@
1
+ export {};
package/package.json CHANGED
@@ -1,26 +1,26 @@
1
1
  {
2
2
  "name": "@gradio/video",
3
- "version": "0.17.0-dev.0",
3
+ "version": "0.17.0-dev.2",
4
4
  "description": "Gradio UI packages",
5
5
  "type": "module",
6
6
  "author": "",
7
7
  "license": "ISC",
8
8
  "private": false,
9
9
  "dependencies": {
10
- "@ffmpeg/ffmpeg": "^0.12.7",
11
- "@ffmpeg/util": "^0.12.1",
12
- "hls.js": "^1.5.13",
13
- "mrmime": "^2.0.0",
14
- "@gradio/atoms": "^0.18.1",
15
- "@gradio/client": "^2.0.0-dev.0",
16
- "@gradio/icons": "^0.14.0",
17
- "@gradio/image": "^0.23.2-dev.0",
18
- "@gradio/statustracker": "^0.11.1",
19
- "@gradio/utils": "^0.10.2",
20
- "@gradio/upload": "^0.17.2-dev.0"
10
+ "@ffmpeg/ffmpeg": "^0.12.15",
11
+ "@ffmpeg/util": "^0.12.2",
12
+ "hls.js": "^1.6.13",
13
+ "mrmime": "^2.0.1",
14
+ "@gradio/atoms": "^0.19.0-dev.1",
15
+ "@gradio/icons": "^0.15.0-dev.0",
16
+ "@gradio/client": "^2.0.0-dev.2",
17
+ "@gradio/image": "^0.24.0-dev.2",
18
+ "@gradio/statustracker": "^0.12.0-dev.1",
19
+ "@gradio/upload": "^0.17.2-dev.2",
20
+ "@gradio/utils": "^0.10.3-dev.0"
21
21
  },
22
22
  "devDependencies": {
23
- "@gradio/preview": "^0.14.0"
23
+ "@gradio/preview": "^0.15.0-dev.0"
24
24
  },
25
25
  "exports": {
26
26
  "./package.json": "./package.json",
@@ -46,7 +46,7 @@
46
46
  }
47
47
  },
48
48
  "peerDependencies": {
49
- "svelte": "^4.0.0"
49
+ "svelte": "^5.43.4"
50
50
  },
51
51
  "main": "index.ts",
52
52
  "main_changeset": true,
package/shared/InteractiveVideo.svelte CHANGED
@@ -33,6 +33,7 @@
33
33
  export let stream_handler: Client["stream"];
34
34
  export let loop: boolean;
35
35
  export let uploading = false;
36
+ export let upload_promise: Promise<any> | null = null;
36
37
 
37
38
  let has_change_history = false;
38
39
 
@@ -78,10 +79,11 @@
78
79
 
79
80
  <BlockLabel {show_label} Icon={Video} label={label || "Video"} />
80
81
  <div data-testid="video" class="video-container">
81
- {#if value === null || value.url === undefined}
82
+ {#if value === null || value?.url === undefined}
82
83
  <div class="upload-container">
83
84
  {#if active_source === "upload"}
84
85
  <Upload
86
+ bind:upload_promise
85
87
  bind:dragging
86
88
  bind:uploading
87
89
  filetype="video/x-m4v,video/*"
package/shared/Video.svelte CHANGED
@@ -70,7 +70,7 @@
70
70
  }
71
71
  }
72
72
 
73
- $: src, (stream_active = false);
73
+ $: (src, (stream_active = false));
74
74
 
75
75
  $: if (node && src && is_stream) {
76
76
  load_stream(src, is_stream, node);
package/types.ts ADDED
@@ -0,0 +1,37 @@
1
+ import type { FileData } from "@gradio/client";
2
+ import type { LoadingStatus } from "@gradio/statustracker";
3
+ import type { WebcamOptions } from "./shared/utils";
4
+
5
+ export interface VideoProps {
6
+ value: FileData | null;
7
+ height: number | undefined;
8
+ width: number | undefined;
9
+ autoplay: boolean;
10
+ buttons: ("share" | "download" | "fullscreen")[];
11
+ sources:
12
+ | ["webcam"]
13
+ | ["upload"]
14
+ | ["webcam", "upload"]
15
+ | ["upload", "webcam"];
16
+ webcam_options: WebcamOptions;
17
+ include_audio: boolean;
18
+ loop: boolean;
19
+ webcam_constraints: object;
20
+ subtitles: FileData | null;
21
+ }
22
+
23
+ export interface VideoEvents {
24
+ change: never;
25
+ clear: never;
26
+ play: never;
27
+ pause: never;
28
+ upload: never;
29
+ stop: never;
30
+ end: never;
31
+ start_recording: never;
32
+ stop_recording: never;
33
+ clear_status: LoadingStatus;
34
+ share: any;
35
+ error: any;
36
+ warning: any;
37
+ }