https://shaaravpawar-text-video.hf.space/

1<!doctype html>
2<html
3	lang="en"
4	style="
5		margin: 0;
6		padding: 0;
7		min-height: 100%;
8		display: flex;
9		flex-direction: column;
10	"
11>
12	<head>
13		<meta charset="utf-8" />
14		<meta
15			name="viewport"
16			content="width=device-width, initial-scale=1, shrink-to-fit=no"
17		/>
18
19		<style>
20			:root {
21				--bg: white;
22				--col:   #1f2937;
23				--bg-dark: #0b0f19;
24				--col-dark: #f3f4f6;
25			}
26
27
28			body {
29				background: var(--bg);
30				color: var(--col);
31				font-family: Arial, Helvetica, sans-serif;
32			}
33
34			@media (prefers-color-scheme: dark) {
35				body {
36					background: var(--bg-dark);
37					color: var(--col-dark);
38				}
39			}
40		</style>
41
42		<meta property="og:url" content="https://gradio.app/" />
43		<meta property="og:type" content="website" />
44		<meta property="og:image" content="" />
45		<meta property="og:title" content="Text-to-Video Generator" />
46		<meta
47			property="og:description"
48			content=""
49		/>
50		<meta name="twitter:card" content="summary_large_image" />
51		<meta name="twitter:creator" content="@teamGradio" />
52		<meta name="twitter:title" content="Text-to-Video Generator" />
53		<meta
54			name="twitter:description"
55			content=""
56		/>
57		<meta name="twitter:image" content="" />
58
59		

59<script data-gradio-mode>
60			window.__gradio_mode__ = "app";
61			window.iFrameResizer = {
62				heightCalculationMethod: "taggedElement"
63			};
64			window.parent?.postMessage(
65				{ type: "SET_SCROLLING", enabled: false },
66				"*"
67			);
68		</script>

68
69
70		

70<script>window.gradio_config = {"version":"4.44.0","mode":"interface","app_id":10493550817321065193,"dev_mode":false,"analytics_enabled":true,"components":[{"id":3,"type":"markdown","props":{"value":"\u003ch1 style=\u0027text-align: center; margin-bottom: 1rem\u0027\u003eText-to-Video Generator\u003c/h1\u003e","show_label":true,"rtl":false,"latex_delimiters":[{"left":"$$","right":"$$","display":true}],"visible":true,"elem_classes":[],"sanitize_html":true,"line_breaks":false,"header_links":false,"show_copy_button":false,"name":"markdown","_selectable":false},"skip_api":false,"component_class_id":"0f35515b9a3362b42bb6721c836157a0","key":null,"api_info":{"type":"string"},"example_inputs":"# Hello!"},{"id":4,"type":"markdown","props":{"value":"Enter some text and generate a video!","show_label":true,"rtl":false,"latex_delimiters":[{"left":"$$","right":"$$","display":true}],"visible":true,"elem_classes":[],"sanitize_html":true,"line_breaks":false,"header_links":false,"show_copy_button":false,"name":"markdown","_selectable":false},"skip_api":false,"component_class_id":"0f35515b9a3362b42bb6721c836157a0","key":null,"api_info":{"type":"string"},"example_inputs":"# Hello!"},{"id":5,"type":"row","props":{"variant":"default","visible":true,"equal_height":false,"show_progress":false,"name":"row"},"skip_api":true,"component_class_id":"b5cf3d15e2293fb5ccc071d7b8d69f64","key":null},{"id":6,"type":"column","props":{"scale":1,"min_width":320,"variant":"panel","visible":true,"show_progress":false,"name":"column"},"skip_api":true,"component_class_id":"214e3d6261b9edacc5d34ea4e8655821","key":null},{"id":7,"type":"column","props":{"scale":1,"min_width":320,"variant":"default","visible":true,"show_progress":false,"name":"column"},"skip_api":true,"component_class_id":"214e3d6261b9edacc5d34ea4e8655821","key":null},{"id":0,"type":"textbox","props":{"lines":2,"max_lines":20,"placeholder":"Type your text here...","label":"text","show_label":true,"container":true,"min_width":160,"visible":true,"autofocus":false,"autoscroll":true,"elem_classes":[],"type":"text","rtl":false,"show_copy_button":false,"name":"textbox","_selectable":false},"skip_api":false,"component_class_id":"d0491bb0fbd427bdb2a4549c4d1ac869","key":null,"api_info":{"type":"string"},"example_inputs":"Hello!!"},{"id":8,"type":"form","props":{"scale":0,"min_width":0,"name":"form"},"skip_api":true,"component_class_id":"43cda85c6ff7a5dd8f83d29496b014ee","key":null},{"id":9,"type":"row","props":{"variant":"default","visible":true,"equal_height":true,"show_progress":false,"name":"row"},"skip_api":true,"component_class_id":"b5cf3d15e2293fb5ccc071d7b8d69f64","key":null},{"id":10,"type":"button","props":{"value":"Clear","variant":"secondary","visible":true,"interactive":true,"elem_classes":[],"show_api":false,"name":"button","_selectable":false},"skip_api":true,"component_class_id":"683b6fcca448a942c7223d23f966c51f","key":null},{"id":11,"type":"button","props":{"value":"Submit","variant":"primary","visible":true,"interactive":true,"elem_classes":[],"name":"button","_selectable":false},"skip_api":true,"component_class_id":"43ff9969f0bf4553b77ca8dc5b4850bc","key":null},{"id":12,"type":"column","props":{"scale":1,"min_width":320,"variant":"panel","visible":true,"show_progress":false,"name":"column"},"skip_api":true,"component_class_id":"214e3d6261b9edacc5d34ea4e8655821","key":null},{"id":1,"type":"video","props":{"sources":["upload","webcam"],"label":"output","show_label":true,"container":true,"min_width":160,"interactive":false,"visible":true,"elem_classes":[],"mirror_webcam":true,"include_audio":true,"autoplay":false,"show_share_button":true,"loop":false,"name":"video","_selectable":false},"skip_api":false,"component_class_id":"6cfb00ab5282fc9f1546ac28322657e7","key":null,"api_info":{"$defs":{"FileData":{"description":"The FileData class is a subclass of the GradioModel class that represents a file object within a Gradio interface. It is used to store file data and metadata when a file is uploaded.\n\nAttributes:\n    path: The server file path where the file is stored.\n    url: The normalized server URL pointing to the file.\n    size: The size of the file in bytes.\

70n    orig_name: The original filename before upload.\n    mime_type: The MIME type of the file.\n    is_stream: Indicates whether the file is a stream.\n    meta: Additional metadata used internally (should not be changed).","properties":{"path":{"title":"Path","type":"string"},"url":{"anyOf":[{"type":"string"},{"type":"null"}],"default":null,"title":"Url"},"size":{"anyOf":[{"type":"integer"},{"type":"null"}],"default":null,"title":"Size"},"orig_name":{"anyOf":[{"type":"string"},{"type":"null"}],"default":null,"title":"Orig Name"},"mime_type":{"anyOf":[{"type":"string"},{"type":"null"}],"default":null,"title":"Mime Type"},"is_stream":{"default":false,"title":"Is Stream","type":"boolean"},"meta":{"default":{"_type":"gradio.FileData"},"title":"Meta","type":"object"}},"required":["path"],"title":"FileData","type":"object"}},"properties":{"video":{"$ref":"#/$defs/FileData"},"subtitles":{"anyOf":[{"$ref":"#/$defs/FileData"},{"type":"null"}],"default":null}},"required":["video"],"title":"VideoData","type":"object"},"example_inputs":{"video":{"path":"https://github.com/gradio-app/gradio/raw/main/demo/video_component/files/world.mp4","meta":{"_type":"gradio.FileData"},"orig_name":"world.mp4","url":"https://github.com/gradio-app/gradio/raw/main/demo/video_component/files/world.mp4"}}},{"id":13,"type":"row","props":{"variant":"default","visible":true,"equal_height":true,"show_progress":false,"name":"row"},"skip_api":true,"component_class_id":"b5cf3d15e2293fb5ccc071d7b8d69f64","key":null}],"css":null,"connect_heartbeat":false,"js":null,"head":null,"title":"Text-to-Video Generator","space_id":"shaaravpawar/text-video","enable_queue":true,"show_error":false,"show_api":true,"is_colab":false,"max_file_size":null,"stylesheets":["https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;600\u0026display=swap","https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;600\u0026display=swap"],"theme":"default","protocol":"sse_v3","body_css":{"body_background_fill":"white","body_text_color":"#1f2937","body_background_fill_dark":"#0b0f19","body_text_color_dark":"#f3f4f6"},"fill_height":false,"fill_width":false,"theme_hash":"aa3cf5a76ff4ff3d05b407358c4a85aa7a55a3f5751b53d49cba0b8d49a6c148","layout":{"id":2,"children":[{"id":3},{"id":4},{"id":5,"children":[{"id":6,"children":[{"id":7,"children":[{"id":8,"children":[{"id":0}]}]},{"id":9,"children":[{"id":10},{"id":11}]}]},{"id":12,"children":[{"id":1},{"id":13,"children":[]}]}]}]},"dependencies":[{"id":0,"targets":[[11,"click"],[0,"submit"]],"inputs":[0],"outputs":[1],"backend_fn":true,"js":null,"queue":true,"api_name":"predict","scroll_to_output":false,"show_progress":"full","batch":false,"max_batch_size":4,"cancels":[],"types":{"generator":false,"cancel":false},"collects_event_data":false,"trigger_after":null,"trigger_only_on_success":false,"trigger_mode":"once","show_api":true,"zerogpu":false,"rendered_in":null},{"id":1,"targets":[[10,"click"]],"inputs":[],"outputs":[0,1],"backend_fn":false,"js":"() =\u003e [null, null]","queue":false,"api_name":"js_fn","scroll_to_output":false,"show_progress":"full","batch":false,"max_batch_size":4,"cancels":[],"types":{"generator":false,"cancel":false},"collects_event_data":false,"trigger_after":null,"trigger_only_on_success":false,"trigger_mode":"once","show_api":false,"zerogpu":false,"rendered_in":null},{"id":2,"targets":[[10,"click"]],"inputs":[],"outputs":[7],"backend_fn":false,"js":"() =\u003e [{\"variant\": null, \"visible\": true, \"__type__\": \"update\"}]\n            ","queue":false,"api_name":"js_fn_1","scroll_to_output":false,"show_progress":"full","batch":false,"max_batch_size":4,"cancels":[],"types":{"generator":false,"cancel":false},"collects_event_data":false,"trigger_after":null,"trigger_only_on_success":false,"trigger_mode":"once","show_api":false,"zerogpu":false,"rendered_in":null}],"root":"https://shaaravpawar-text-video.hf.space","username":null};</script>

70<script>window.gradio_api_info = {"named_endpoints":{"/predict":{"parameters":[{"label":"text","parameter_name":"text","parameter_has_default":false,"parameter_default":null,"type":{"type":"string"},"python_type":{"type":"str","description":""},"component":"Textbox","example_input":"Hello!!"}],"returns":[{"label":"output","type":{"$defs":{"FileData":{"description":"The FileData class is a subclass of the GradioModel class that represents a file object within a Gradio interface. It is used to store file data and metadata when a file is uploaded.\n\nAttributes:\n    path: The server file path where the file is stored.\n    url: The normalized server URL pointing to the file.\n    size: The size of the file in bytes.\n    orig_name: The original filename before upload.\n    mime_type: The MIME type of the file.\n    is_stream: Indicates whether the file is a stream.\n    meta: Additional metadata used internally (should not be changed).","properties":{"path":{"title":"Path","type":"string"},"url":{"anyOf":[{"type":"string"},{"type":"null"}],"default":null,"title":"Url"},"size":{"anyOf":[{"type":"integer"},{"type":"null"}],"default":null,"title":"Size"},"orig_name":{"anyOf":[{"type":"string"},{"type":"null"}],"default":null,"title":"Orig Name"},"mime_type":{"anyOf":[{"type":"string"},{"type":"null"}],"default":null,"title":"Mime Type"},"is_stream":{"default":false,"title":"Is Stream","type":"boolean"},"meta":{"default":{"_type":"gradio.FileData"},"title":"Meta","type":"object"}},"required":["path"],"title":"FileData","type":"object"}},"properties":{"video":{"$ref":"#/$defs/FileData"},"subtitles":{"anyOf":[{"$ref":"#/$defs/FileData"},{"type":"null"}],"default":null}},"required":["video"],"title":"VideoData","type":"object"},"python_type":{"type":"Dict(video: filepath, subtitles: filepath | None)","description":""},"component":"Video"}],"show_api":true}},"unnamed_endpoints":{}};</script>

70
71
72		<link rel="preconnect" href="https://fonts.googleapis.com" />
73		<link
74			rel="preconnect"
75			href="https://fonts.gstatic.com"
76			crossorigin="anonymous"
77		/>
78		

78<script
79			src="https://cdnjs.cloudflare.com/ajax/libs/iframe-resizer/4.3.1/iframeResizer.contentWindow.min.js"
80			async
81		></script>

81
82		

82<script type="module" crossorigin src="./assets/index-D5ROCp7B.js"></script>

82
83		<link rel="stylesheet" crossorigin href="./assets/index-DuXXhepF.css">
84	</head>
85
86	<body
87		style="
88			width: 100%;
89			margin: 0;
90			padding: 0;
91			display: flex;
92			flex-direction: column;
93			flex-grow: 1;
94		"
95	>
96		<gradio-app
97			control_page_title="true"
98			embed="false"
99			eager="true"
100			style="display: flex; flex-direction: column; flex-grow: 1"
101		>
102		</gradio-app>
103		

103<script>
104			const ce = document.getElementsByTagName("gradio-app");
105
106			if (ce[0]) {
107				ce[0].addEventListener("domchange", () => {
108					document.body.style.padding = "0";
109				});
110				document.body.style.padding = "0";
111			}
112		</script>

112
113	</body>
114</html>