Introducing Gradio ClientsJoin us on Thursday, 9am PST
LivestreamIntroducing Gradio ClientsJoin us on Thursday, 9am PST
LivestreamNew to Gradio? Start here: Getting Started
See the Release History
@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}
/>