@gradio/video 0.9.1 → 0.10.0

package/CHANGELOG.md

@@ -1,5 +1,33 @@
 # @gradio/video
 
+## 0.10.0
+
+### Features
+
+- [#8806](https://github.com/gradio-app/gradio/pull/8806) [`a3d23b4`](https://github.com/gradio-app/gradio/commit/a3d23b43e71c22bc2b019ae96668605e744768d5) - Add `loop` parameters to `gr.Audio` and `gr.Video`.  Thanks @abidlabs!
+- [#8803](https://github.com/gradio-app/gradio/pull/8803) [`e1a4040`](https://github.com/gradio-app/gradio/commit/e1a404093cfaf9d8f2a92bc1d28fb6aa254848d1) - Ensure all upload components have consistent upload regions.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/wasm@0.12.0
+- @gradio/client@1.4.0
+- @gradio/image@0.13.0
+- @gradio/statustracker@0.7.2
+- @gradio/upload@0.12.0
+- @gradio/atoms@0.7.7
+
+## 0.9.2
+
+### Dependency updates
+
+- @gradio/atoms@0.7.6
+- @gradio/utils@0.5.1
+- @gradio/statustracker@0.7.1
+- @gradio/client@1.3.0
+- @gradio/upload@0.11.5
+- @gradio/image@0.12.2
+- @gradio/icons@0.6.0
+
 ## 0.9.1
 
 ### Dependency updates

package/Example.svelte

@@ -6,6 +6,7 @@
 	export let type: "gallery" | "table";
 	export let selected = false;
 	export let value: { video: FileData; subtitles: FileData | null } | null;
+	export let loop: boolean;
 	let video: HTMLVideoElement;
 
 	async function init(): Promise<void> {
@@ -35,6 +36,7 @@
 				on:mouseover={video.play.bind(video)}
 				on:mouseout={video.pause.bind(video)}
 				src={value?.video.url}
+				{loop}
 			/>
 		</div>
 	{:else}

package/Index.svelte

@@ -53,6 +53,7 @@
 	export let interactive: boolean;
 	export let mirror_webcam: boolean;
 	export let include_audio: boolean;
+	export let loop = false;
 
 	let _video: FileData | null = null;
 	let _subtitle: FileData | null = null;
@@ -147,6 +148,7 @@
 			{label}
 			{show_label}
 			{autoplay}
+			{loop}
 			{show_share_button}
 			{show_download_button}
 			on:play={() => gradio.dispatch("play")}
@@ -196,6 +198,7 @@
 			{include_audio}
 			{autoplay}
 			{root}
+			{loop}
 			{handle_reset_value}
 			on:clear={() => gradio.dispatch("clear")}
 			on:play={() => gradio.dispatch("play")}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gradio/video",
-  "version": "0.9.1",
+  "version": "0.10.0",
   "description": "Gradio UI packages",
   "type": "module",
   "author": "",
@@ -10,17 +10,17 @@
     "@ffmpeg/ffmpeg": "^0.12.7",
     "@ffmpeg/util": "^0.12.1",
     "mrmime": "^2.0.0",
-    "@gradio/atoms": "^0.7.5",
-    "@gradio/client": "^1.2.1",
-    "@gradio/image": "^0.12.1",
-    "@gradio/statustracker": "^0.7.0",
-    "@gradio/icons": "^0.5.0",
-    "@gradio/utils": "^0.5.0",
-    "@gradio/upload": "^0.11.4",
-    "@gradio/wasm": "^0.11.0"
+    "@gradio/atoms": "^0.7.7",
+    "@gradio/icons": "^0.6.0",
+    "@gradio/image": "^0.13.0",
+    "@gradio/statustracker": "^0.7.2",
+    "@gradio/utils": "^0.5.1",
+    "@gradio/upload": "^0.12.0",
+    "@gradio/wasm": "^0.12.0",
+    "@gradio/client": "^1.4.0"
   },
   "devDependencies": {
-    "@gradio/preview": "^0.10.0"
+    "@gradio/preview": "^0.10.1"
   },
   "exports": {
     ".": "./index.ts",

package/shared/InteractiveVideo.svelte

@@ -31,6 +31,7 @@
 	export let max_file_size: number | null = null;
 	export let upload: Client["upload"];
 	export let stream_handler: Client["stream"];
+	export let loop: boolean;
 
 	const dispatch = createEventDispatcher<{
 		change: FileData | null;
@@ -126,6 +127,7 @@
 					{label}
 					{handle_change}
 					{handle_reset_value}
+					{loop}
 				/>
 			{/key}
 		{:else if value.size}
@@ -153,6 +155,7 @@
 
 	.upload-container {
 		height: 100%;
+		width: 100%;
 	}
 
 	.video-container {

package/shared/Player.svelte

@@ -12,6 +12,7 @@
 	export let subtitle: string | null = null;
 	export let mirror: boolean;
 	export let autoplay: boolean;
+	export let loop: boolean;
 	export let label = "test";
 	export let interactive = false;
 	export let handle_change: (video: FileData) => void = () => {};
@@ -96,6 +97,7 @@
 			{src}
 			preload="auto"
 			{autoplay}
+			{loop}
 			on:click={play_pause}
 			on:play
 			on:pause

package/shared/Video.svelte

@@ -18,6 +18,7 @@
 	export let paused: boolean | undefined = undefined;
 
 	export let node: HTMLVideoElement | undefined = undefined;
+	export let loop: boolean;
 
 	export let processingVideo = false;
 
@@ -66,6 +67,7 @@ Then, even when `controls` is false, the compiled DOM would be `<video controls=
 	{preload}
 	{autoplay}
 	{controls}
+	{loop}
 	on:loadeddata={dispatch.bind(null, "loadeddata")}
 	on:click={dispatch.bind(null, "click")}
 	on:play={dispatch.bind(null, "play")}

package/shared/VideoPreview.svelte

@@ -16,6 +16,7 @@
 	export let autoplay: boolean;
 	export let show_share_button = true;
 	export let show_download_button = true;
+	export let loop: boolean;
 	export let i18n: I18nFormatter;
 	export let upload: Client["upload"];
 
@@ -65,6 +66,7 @@
 			on:load
 			mirror={false}
 			{label}
+			{loop}
 			interactive={false}
 			{upload}
 		/>