mirror of
https://github.com/gradio-app/gradio.git
synced 2024-12-21 02:19:59 +08:00
58 lines
1.3 KiB
Svelte
58 lines
1.3 KiB
Svelte
<script>
|
|
import { Meta, Template, Story } from "@storybook/addon-svelte-csf";
|
|
import Video from "./Index.svelte";
|
|
</script>
|
|
|
|
<Meta
|
|
title="Components/Video"
|
|
component={Video}
|
|
argTypes={{
|
|
video: {
|
|
control: "text",
|
|
description:
|
|
"A path or URL for the default value that Video component is going to take. Can also be a tuple consisting of (video filepath, subtitle filepath). If a subtitle file is provided, it should be of type .srt or .vtt. Or can be callable, in which case the function will be called whenever the app loads to set the initial value of the component.",
|
|
name: "value"
|
|
},
|
|
autoplay: {
|
|
control: [true, false],
|
|
description: "Whether to autoplay the video on load",
|
|
name: "autoplay",
|
|
value: true
|
|
}
|
|
}}
|
|
/>
|
|
|
|
<Template let:args>
|
|
<Video {...args} />
|
|
</Template>
|
|
|
|
<Story
|
|
name="Record from webcam"
|
|
args={{
|
|
format: "mp4",
|
|
label: "world video",
|
|
show_label: true,
|
|
interactive: true,
|
|
height: 400,
|
|
width: 400
|
|
}}
|
|
/>
|
|
|
|
<Story
|
|
name="Static video"
|
|
args={{
|
|
value: {
|
|
video: {
|
|
path: "https://gradio-static-files.s3.us-west-2.amazonaws.com/world.mp4",
|
|
url: "https://gradio-static-files.s3.us-west-2.amazonaws.com/world.mp4",
|
|
orig_name: "world.mp4"
|
|
}
|
|
},
|
|
label: "world video",
|
|
show_label: true,
|
|
interactive: false,
|
|
height: 200,
|
|
width: 400
|
|
}}
|
|
/>
|