@gradio/video 0.2.4 → 0.3.1

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @gradio/video
 
+## 0.3.1
+
+### Fixes
+
+- [#6885](https://github.com/gradio-app/gradio/pull/6885) [`640b7fe`](https://github.com/gradio-app/gradio/commit/640b7fe05276e11720b4341cadf088491395e53d) - Fix issue with Webcam Recording.  Thanks [@dawoodkhan82](https://github.com/dawoodkhan82)!
+
+## 0.3.0
+
+### Features
+
+- [#6133](https://github.com/gradio-app/gradio/pull/6133) [`f742d0e`](https://github.com/gradio-app/gradio/commit/f742d0e861c8e25c5d77d9102c9d50f94b0d3383) - Lite: Support AnnotatedImage on Wasm.  Thanks [@whitphx](https://github.com/whitphx)!
+- [#6897](https://github.com/gradio-app/gradio/pull/6897) [`fb9c6ca`](https://github.com/gradio-app/gradio/commit/fb9c6cacd7ca4598c000f1f97d7d39a8c4463519) - Lite: Chatbot.  Thanks [@whitphx](https://github.com/whitphx)!
+
 ## 0.2.4
 
 ### Features

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gradio/video",
-  "version": "0.2.4",
+  "version": "0.3.1",
   "description": "Gradio UI packages",
   "type": "module",
   "author": "",
@@ -10,13 +10,13 @@
     "@ffmpeg/ffmpeg": "^0.12.7",
     "@ffmpeg/util": "^0.12.1",
     "@gradio/atoms": "^0.4.1",
+    "@gradio/client": "^0.10.0",
     "@gradio/icons": "^0.3.2",
-    "@gradio/image": "^0.5.4",
-    "@gradio/client": "^0.9.4",
-    "@gradio/upload": "^0.5.7",
+    "@gradio/statustracker": "^0.4.3",
+    "@gradio/image": "^0.6.1",
+    "@gradio/upload": "^0.6.0",
     "@gradio/utils": "^0.2.0",
-    "@gradio/wasm": "^0.4.0",
-    "@gradio/statustracker": "^0.4.3"
+    "@gradio/wasm": "^0.5.0"
   },
   "devDependencies": {
     "mrmime": "^2.0.0"
@@ -24,6 +24,7 @@
   "exports": {
     ".": "./index.ts",
     "./example": "./Example.svelte",
+    "./shared": "./shared/index.ts",
     "./package.json": "./package.json"
   },
   "main": "index.ts",

package/shared/InteractiveVideo.svelte

@@ -57,6 +57,12 @@
 		dispatch("change", video);
 	}
 
+	function handle_capture({
+		detail
+	}: CustomEvent<FileData | any | null>): void {
+		dispatch("change", detail);
+	}
+
 	let dragging = false;
 	$: dispatch("drag", dragging);
 </script>
@@ -77,11 +83,12 @@
 				</Upload>
 			{:else if active_source === "webcam"}
 				<Webcam
+					{root}
 					{mirror_webcam}
 					{include_audio}
 					mode="video"
 					on:error
-					on:capture={() => dispatch("change")}
+					on:capture={handle_capture}
 					on:start_recording
 					on:stop_recording
 					{i18n}

package/shared/Video.svelte

@@ -21,8 +21,6 @@
 
 	export let processingVideo = false;
 
-	const dispatch = createEventDispatcher();
-
 	let resolved_src: typeof src;
 
 	// The `src` prop can be updated before the Promise from `resolve_wasm_src` is resolved.
@@ -32,7 +30,7 @@
 	$: {
 		// In normal (non-Wasm) Gradio, the `<img>` element should be rendered with the passed `src` props immediately
 		// without waiting for `resolve_wasm_src()` to resolve.
-		// If it waits, a black image is displayed until the async task finishes
+		// If it waits, a blank element is displayed until the async task finishes
 		// and it leads to undesirable flickering.
 		// So set `src` to `resolved_src` here.
 		resolved_src = src;
@@ -45,6 +43,8 @@
 			}
 		});
 	}
+
+	const dispatch = createEventDispatcher();
 </script>
 
 <!--

package/shared/index.ts

@@ -0,0 +1 @@
+export { default as Video } from "./Video.svelte";