https://yashbyname-ocr-using-got-and-tesseract.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="OCR Application" />
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="OCR Application" />
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":2097171672533843456,"dev_mode":false,"analytics_enabled":true,"components":[{"id":4,"type":"markdown","props":{"value":"\u003ch1 style=\u0027text-align: center; margin-bottom: 1rem\u0027\u003eOCR Application\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":5,"type":"markdown","props":{"value":"Upload an image to extract text using OCR.","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":6,"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":7,"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":8,"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":"image","props":{"streamable":false,"format":"webp","image_mode":"RGB","sources":["upload","webcam","clipboard"],"type":"numpy","label":"Upload Image","show_label":true,"show_download_button":true,"container":true,"min_width":160,"visible":true,"streaming":false,"elem_classes":[],"mirror_webcam":true,"show_share_button":true,"show_fullscreen_button":true,"name":"image","_selectable":false},"skip_api":false,"component_class_id":"e02a10e58bbfd8f31d34ac63d2888247","key":null,"api_info":{"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"},"example_inputs":{"path":"https://raw.githubusercontent.com/gradio-app/gradio/main/test/test_files/bus.png","meta":{"_type":"gradio.FileData"},"orig_name":"bus.png","url":"https://raw.githubusercontent.com/gradio-app/gradio/main/test/test_files/bus.png"}},{"id":1,"type":"dropdown","props":{"choices":[["English","English"],["Hindi","Hindi"]],"type":"value","allow_custom_value":false,"filterable":true,"label":"Select Language","show_label":true,"container":true,"min_width":160,"visible":true,"elem_classes":[],"name":"dropdown","_selectable":false},"skip_api":false,"component_class_id":"f52d4d45659eb5b35ab8714901ae03a5","key":null,"api_info":{"type":"string","enum":["English","Hindi"]},"example_inputs":"English"},{"id":9,"type":"form","props":{"scale":0,"min_width":0,"name":"form"},"skip_api":true,"component_class_id":"43cda85c6ff7a5dd8f83d29496b014ee","key":null},{"id":10,"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":11,"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":12,"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":13,"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":2,"type":"textbox","props":{"lines":1,"max_lines":20,"label":"Extracted Text","show_label":true,"container":true,"min_width":160,"interactive":false,"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":14,"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":15,"type":"form","props":{"scale":0,"min_width":0,"name":"form"},"skip_api":true,"component_class_id":"43cda85c6ff7a5dd8f83d29496b014ee","key":null}],"css":null,"connect_heartbeat":false,"js":null,"head":null,"title":"OCR Application","space_id":"yashbyname/OCR_using_GOT_and_Tesseract","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":3,"children":[{"id":4},{"id":5},{"id":6,"children":[{"id":7,"children":[{"id":8,"children":[{"id":0},{"id":9,"children":[{"id":1}]}]},{"id":10,"children":[{"id":11},{"id":12}]}]},{"id":13,"children":[{"id":15,"children":[{"id":2}]},{"id":14,"children":[]}]}]}]},"dependencies":[{"id":0,"targets":[[12,"click"]],"inputs":[0,1],"outputs":[2],"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":[[11,"click"]],"inputs":[],"outputs":[0,1,2],"backend_fn":false,"js":"() =\u003e [null, 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":[[11,"click"]],"inputs":[],"outputs":[8],"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://yashbyname-ocr-using-got-and-tesseract.hf.space","username":null};</script>

70<script>window.gradio_api_info = {"named_endpoints":{"/predict":{"parameters":[{"label":"Upload Image","parameter_name":"image","parameter_has_default":false,"parameter_default":null,"type":{"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"},"python_type":{"type":"filepath","description":""},"component":"Image","example_input":{"path":"https://raw.githubusercontent.com/gradio-app/gradio/main/test/test_files/bus.png","meta":{"_type":"gradio.FileData"},"orig_name":"bus.png","url":"https://raw.githubusercontent.com/gradio-app/gradio/main/test/test_files/bus.png"}},{"label":"Select Language","parameter_name":"language","parameter_has_default":false,"parameter_default":null,"type":{"type":"string","enum":["English","Hindi"]},"python_type":{"type":"Literal[\u0027English\u0027, \u0027Hindi\u0027]","description":""},"component":"Dropdown","example_input":"English"}],"returns":[{"label":"Extracted Text","type":{"type":"string"},"python_type":{"type":"str","description":""},"component":"Textbox"}],"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>