@gradio/video 0.11.0-beta.5 → 0.11.0-beta.7

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 (11) hide show
  1. package/CHANGELOG.md +24 -0
  2. package/dist/shared/Player.svelte +3 -1
  3. package/dist/shared/Player.svelte.d.ts +3 -1
  4. package/dist/shared/Video.svelte +3 -1
  5. package/dist/shared/Video.svelte.d.ts +3 -1
  6. package/dist/shared/VideoPreview.svelte +6 -1
  7. package/dist/shared/VideoPreview.svelte.d.ts +1 -1
  8. package/package.json +8 -8
  9. package/shared/Player.svelte +3 -1
  10. package/shared/Video.svelte +3 -1
  11. package/shared/VideoPreview.svelte +7 -1
package/CHANGELOG.md CHANGED
@@ -1,5 +1,29 @@
1
1
  # @gradio/video
2
2
 
3
+ ## 0.11.0-beta.7
4
+
5
+ ### Features
6
+
7
+ - [#9582](https://github.com/gradio-app/gradio/pull/9582) [`43a7f42`](https://github.com/gradio-app/gradio/commit/43a7f420d8ac34c7f7fa71d6e630a4c8618d3780) - Chatbot autoscroll. Thanks @whitphx!
8
+
9
+ ### Dependency updates
10
+
11
+ - @gradio/upload@0.13.0-beta.7
12
+ - @gradio/statustracker@0.8.0-beta.5
13
+ - @gradio/icons@0.8.0-beta.4
14
+ - @gradio/atoms@0.9.0-beta.5
15
+ - @gradio/image@0.16.0-beta.7
16
+
17
+ ## 0.11.0-beta.6
18
+
19
+ ### Dependency updates
20
+
21
+ - @gradio/statustracker@0.8.0-beta.4
22
+ - @gradio/atoms@0.9.0-beta.4
23
+ - @gradio/client@1.6.0-beta.4
24
+ - @gradio/upload@0.13.0-beta.6
25
+ - @gradio/image@0.16.0-beta.6
26
+
3
27
  ## 0.11.0-beta.5
4
28
 
5
29
  ### Dependency updates
package/dist/shared/Player.svelte CHANGED
@@ -89,7 +89,9 @@ function open_full_screen() {
89
89
  bind:node={video}
90
90
  data-testid={`${label}-player`}
91
91
  {processingVideo}
92
- on:load
92
+ on:loadstart
93
+ on:loadeddata
94
+ on:loadedmetadata
93
95
  >
94
96
  <track kind="captions" src={subtitle} default />
95
97
  </Video>
package/dist/shared/Player.svelte.d.ts CHANGED
@@ -24,7 +24,9 @@ declare const __propDef: {
24
24
  events: {
25
25
  play: CustomEvent<any>;
26
26
  pause: CustomEvent<any>;
27
- load: Event;
27
+ loadstart: Event;
28
+ loadeddata: Event;
29
+ loadedmetadata: Event;
28
30
  stop: CustomEvent<undefined>;
29
31
  end: CustomEvent<undefined>;
30
32
  clear: CustomEvent<undefined>;
package/dist/shared/Video.svelte CHANGED
@@ -107,7 +107,9 @@ Then, even when `controls` is false, the compiled DOM would be `<video controls=
107
107
  on:mouseout={dispatch.bind(null, "mouseout")}
108
108
  on:focus={dispatch.bind(null, "focus")}
109
109
  on:blur={dispatch.bind(null, "blur")}
110
- on:load
110
+ on:loadstart
111
+ on:loadeddata
112
+ on:loadedmetadata
111
113
  bind:currentTime
112
114
  bind:duration
113
115
  bind:paused
package/dist/shared/Video.svelte.d.ts CHANGED
@@ -18,7 +18,9 @@ declare const __propDef: {
18
18
  processingVideo?: boolean | undefined;
19
19
  };
20
20
  events: {
21
- load: Event;
21
+ loadstart: Event;
22
+ loadeddata: Event;
23
+ loadedmetadata: Event;
22
24
  } & {
23
25
  [evt: string]: CustomEvent<any>;
24
26
  };
package/dist/shared/VideoPreview.svelte CHANGED
@@ -51,7 +51,12 @@ afterUpdate(async () => {
51
51
  on:pause
52
52
  on:stop
53
53
  on:end
54
- on:load
54
+ on:loadedmetadata={() => {
55
+ // Deal with `<video>`'s `loadedmetadata` event as `VideoPreview`'s `load` event
56
+ // to represent not only the video is loaded but also the metadata is loaded
57
+ // so its dimensions (w/h) are known. This is used for Chatbot's auto scroll.
58
+ dispatch("load");
59
+ }}
55
60
  mirror={false}
56
61
  {label}
57
62
  {loop}
package/dist/shared/VideoPreview.svelte.d.ts CHANGED
@@ -19,10 +19,10 @@ declare const __propDef: {
19
19
  pause: CustomEvent<any>;
20
20
  stop: CustomEvent<any>;
21
21
  end: CustomEvent<any>;
22
- load: Event;
23
22
  error: CustomEvent<string>;
24
23
  share: CustomEvent<import("@gradio/utils").ShareData>;
25
24
  change: CustomEvent<FileData>;
25
+ load: CustomEvent<undefined>;
26
26
  } & {
27
27
  [evt: string]: CustomEvent<any>;
28
28
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gradio/video",
3
- "version": "0.11.0-beta.5",
3
+ "version": "0.11.0-beta.7",
4
4
  "description": "Gradio UI packages",
5
5
  "type": "module",
6
6
  "author": "",
@@ -11,17 +11,17 @@
11
11
  "@ffmpeg/util": "^0.12.1",
12
12
  "hls.js": "^1.5.13",
13
13
  "mrmime": "^2.0.0",
14
- "@gradio/client": "^1.6.0-beta.3",
15
- "@gradio/atoms": "^0.9.0-beta.3",
16
- "@gradio/icons": "^0.8.0-beta.3",
17
- "@gradio/image": "^0.16.0-beta.5",
18
- "@gradio/statustracker": "^0.8.0-beta.3",
19
- "@gradio/upload": "^0.13.0-beta.5",
14
+ "@gradio/atoms": "^0.9.0-beta.5",
15
+ "@gradio/client": "^1.6.0-beta.4",
16
+ "@gradio/image": "^0.16.0-beta.7",
17
+ "@gradio/upload": "^0.13.0-beta.7",
18
+ "@gradio/statustracker": "^0.8.0-beta.5",
19
+ "@gradio/icons": "^0.8.0-beta.4",
20
20
  "@gradio/utils": "^0.7.0-beta.2",
21
21
  "@gradio/wasm": "^0.14.0-beta.3"
22
22
  },
23
23
  "devDependencies": {
24
- "@gradio/preview": "^0.11.2-beta.0"
24
+ "@gradio/preview": "^0.12.0-beta.1"
25
25
  },
26
26
  "exports": {
27
27
  "./package.json": "./package.json",
package/shared/Player.svelte CHANGED
@@ -117,7 +117,9 @@
117
117
  bind:node={video}
118
118
  data-testid={`${label}-player`}
119
119
  {processingVideo}
120
- on:load
120
+ on:loadstart
121
+ on:loadeddata
122
+ on:loadedmetadata
121
123
  >
122
124
  <track kind="captions" src={subtitle} default />
123
125
  </Video>
package/shared/Video.svelte CHANGED
@@ -128,7 +128,9 @@ Then, even when `controls` is false, the compiled DOM would be `<video controls=
128
128
  on:mouseout={dispatch.bind(null, "mouseout")}
129
129
  on:focus={dispatch.bind(null, "focus")}
130
130
  on:blur={dispatch.bind(null, "blur")}
131
- on:load
131
+ on:loadstart
132
+ on:loadeddata
133
+ on:loadedmetadata
132
134
  bind:currentTime
133
135
  bind:duration
134
136
  bind:paused
package/shared/VideoPreview.svelte CHANGED
@@ -35,6 +35,7 @@
35
35
  pause: undefined;
36
36
  end: undefined;
37
37
  stop: undefined;
38
+ load: undefined;
38
39
  }>();
39
40
 
40
41
  $: value && dispatch("change", value);
@@ -70,7 +71,12 @@
70
71
  on:pause
71
72
  on:stop
72
73
  on:end
73
- on:load
74
+ on:loadedmetadata={() => {
75
+ // Deal with `<video>`'s `loadedmetadata` event as `VideoPreview`'s `load` event
76
+ // to represent not only the video is loaded but also the metadata is loaded
77
+ // so its dimensions (w/h) are known. This is used for Chatbot's auto scroll.
78
+ dispatch("load");
79
+ }}
74
80
  mirror={false}
75
81
  {label}
76
82
  {loop}