gradio/js/video
pngwn efdc3231a7
Initial SSR refactor (#9102)
* changes

* asd

* fix tests

* fix lint

* fix ts

* fix ts

* cleanup

* cleanup

* fix

* Apply suggestions from code review

Co-authored-by: Yuichiro Tachibana (Tsuchiya) <t.yic.yt@gmail.com>

* fix

* add changeset

* fix gitignore

* fix changeset

* fix lockfile

* format

* fix

* add changeset

* githunore

* kit bopilerplate

* add changeset

* fix website

* add changeset

---------

Co-authored-by: Yuichiro Tachibana (Tsuchiya) <t.yic.yt@gmail.com>
Co-authored-by: gradio-pr-bot <gradio-pr-bot@users.noreply.github.com>
2024-08-14 15:17:36 +01:00
..
shared Initial SSR refactor (#9102) 2024-08-14 15:17:36 +01:00
CHANGELOG.md chore: update versions (#8960) 2024-08-08 11:20:08 +01:00
Example.svelte Add loop parameters to gr.Audio and gr.Video (#8806) 2024-07-16 22:05:59 -07:00
Index.svelte Add loop parameters to gr.Audio and gr.Video (#8806) 2024-07-16 22:05:59 -07:00
index.ts
package.json chore: update versions (#8960) 2024-08-08 11:20:08 +01:00
README.md
Video.stories.svelte
Video.test.ts Initial SSR refactor (#9102) 2024-08-14 15:17:36 +01: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}
/>