gradio/js/video
Abubakar Abid 49d9c48537
[WIP] Refactor file normalization to be in the backend and remove it from the frontend of each component (#7183)
* processing

* add changeset

* changes

* add changeset

* add changeset

* changes

* changes

* clean

* changes

* add changeset

* add changeset

* root url

* refactor

* testing

* testing

* log

* logs

* fix

* format

* add changeset

* remove

* add root

* format

* apply to everything

* annoying fix

* fixes

* lint

* fixes

* fixes

* fixes

* fix tests

* fix js tests

* format

* fix python tests

* clean guides

* add changeset

* add changeset

* simplify

* add changeset

---------

Co-authored-by: gradio-pr-bot <gradio-pr-bot@users.noreply.github.com>
Co-authored-by: pngwn <hello@pngwn.io>
2024-02-07 14:39:33 -08:00
..
shared chore: Change time format (#7274) 2024-02-01 13:23:19 -08:00
CHANGELOG.md chore: update versions (#7177) 2024-02-06 15:19:29 -08:00
Example.svelte Handle the case where examples is null for all components (#7192) 2024-01-29 16:51:22 -08:00
Index.svelte [WIP] Refactor file normalization to be in the backend and remove it from the frontend of each component (#7183) 2024-02-07 14:39:33 -08:00
index.ts Version 4 development branch (#5498) 2023-10-31 04:46:02 +00:00
package.json chore: update versions (#7177) 2024-02-06 15:19:29 -08:00
README.md Version 4 development branch (#5498) 2023-10-31 04:46:02 +00:00
Video.stories.svelte Add mobile Chromatic tests (#7222) 2024-02-02 14:21:48 +00:00
Video.test.ts [WIP] Refactor file normalization to be in the backend and remove it from the frontend of each component (#7183) 2024-02-07 14:39:33 -08:00

@gradio/video

<script>
	import { BaseInteractiveVideo, BaseStaticVideo, BasePlayer } from "@gradio/button";
	import type { FileData } from "@gradio/upload";
	import type { Gradio } from "@gradio/utils";
	export let _video: FileData;
</script>

<StaticVideo
	value={_video}
	{label}
	{show_label}
	{autoplay}
	{show_share_button}
	i18n={gradio.i18n}
/>

<Video
	value={_video}
	{label}
	{show_label}
	source={"upload"}
	{mirror_webcam}
	{include_audio}
	{autoplay}
	i18n={gradio.i18n}
>
	<p>Upload Video Here</p>
</Video>

<BasePlayer
	src={value.data}
	{autoplay}
	on:play
	on:pause
	on:stop
	on:end
	mirror={false}
	{label}
/>