gradio/js/video
Freddy Boulton aaa55ce85e
Video/Audio fixes (#6234)
* Add code

* Add code

* add changeset

* Add code

* Add code

* prevent resetting source when clearing value

* Add code

* Add drag-and-drop tests

* add changeset

* remove console log

* Format

* Add code

* add changeset

* Audio components

* add changeset

* add changeset

* Add return type

* Add code

* promise

---------

Co-authored-by: gradio-pr-bot <gradio-pr-bot@users.noreply.github.com>
Co-authored-by: Hannah <hannahblair@users.noreply.github.com>
2023-11-02 16:25:09 -04:00
..
shared Video/Audio fixes (#6234) 2023-11-02 16:25:09 -04:00
CHANGELOG.md chore: update versions (#6188) 2023-10-31 08:25:11 -07:00
Example.svelte Version 4 development branch (#5498) 2023-10-31 04:46:02 +00:00
Index.svelte Video/Audio fixes (#6234) 2023-11-02 16:25:09 -04:00
index.ts Version 4 development branch (#5498) 2023-10-31 04:46:02 +00:00
package.json chore: update versions (#6188) 2023-10-31 08:25:11 -07:00
README.md Version 4 development branch (#5498) 2023-10-31 04:46:02 +00:00
Video.stories.svelte Fix stories (#6244) 2023-11-02 12:10:11 +00:00
Video.test.ts Version 4 development branch (#5498) 2023-10-31 04:46:02 +00: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}
/>