https://europython2022-ocr-translate.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, maximum-scale=1"
17		/>
18
19		
20		<meta property="og:url" content="https://gradio.app/" />
21		<meta property="og:type" content="website" />
22		<meta property="og:image" content="" />
23		<meta property="og:title" content="Gradio" />
24		<meta
25			property="og:description"
26			content=""
27		/>
28		<meta name="twitter:card" content="summary_large_image" />
29		<meta name="twitter:creator" content="@teamGradio" />
30		<meta name="twitter:title" content="Gradio" />
31		<meta
32			name="twitter:description"
33			content=""
34		/>
35		<meta name="twitter:image" content="" />
36
37		

37<script>
38			window.__gradio_mode__ = "app";
39		</script>

39
40
41		

41<script>window.gradio_config = {"version":"3.41.0","mode":"blocks","dev_mode":false,"analytics_enabled":true,"components":[{"id":1,"type":"markdown","props":{"value":"# OCR Translate v0.2\n\u003cdiv id=\"content_align\"\u003eOCR translation system based on Tesseract\u003c/div\u003e","rtl":false,"latex_delimiters":[{"left":"$","right":"$","display":false}],"name":"markdown","visible":true},"serializer":"StringSerializable","api_info":{"info":{"type":"string"},"serialized_info":false},"example_inputs":{"raw":"Howdy!","serialized":"Howdy!"}},{"id":2,"type":"box","props":{"type":"box","visible":true}},{"id":3,"type":"row","props":{"type":"row","variant":"default","equal_height":true,"visible":true}},{"id":4,"type":"markdown","props":{"value":"### Step 01: Text Extraction","rtl":false,"latex_delimiters":[{"left":"$","right":"$","display":false}],"name":"markdown","visible":true},"serializer":"StringSerializable","api_info":{"info":{"type":"string"},"serialized_info":false},"example_inputs":{"raw":"Howdy!","serialized":"Howdy!"}},{"id":5,"type":"row","props":{"type":"row","variant":"default","equal_height":true,"visible":true}},{"id":6,"type":"column","props":{"type":"column","variant":"default","scale":1,"min_width":320,"visible":true}},{"id":7,"type":"row","props":{"type":"row","variant":"default","equal_height":true,"visible":true}},{"id":8,"type":"image","props":{"image_mode":"RGB","source":"upload","tool":"editor","streaming":false,"mirror_webcam":true,"brush_color":"#000000","mask_opacity":0.7,"selectable":false,"show_share_button":true,"show_download_button":true,"label":"image","show_label":true,"container":true,"min_width":160,"name":"image","visible":true},"serializer":"ImgSerializable","api_info":{"info":{"type":"string","description":"base64 representation of an image"},"serialized_info":true},"example_inputs":{"raw":"data:image/png;base64,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","serialized":"https://raw.githubusercontent.com/gradio-app/gradio/main/test/test_files/bus.png"}},{"id":9,"type":"row","props":{"type":"row","variant":"default","equal_height":true,"visible":true}},{"id":10,"type":"checkboxgroup","props":{"choices":[["chi_sim","chi_sim"],["eng","eng"]],"value":["eng"],"label":"language","show_label":true,"container":true,"min_width":160,"name":"checkboxgroup","visible":true},"serializer":"ListStringSerializable","api_info":{"info":{"type":"array","items":{"type":"string"}},"serialized_info":false},"example_inputs":{"raw":["chi_sim"],"serialized":["chi_sim"]}},{"id":11,"type":"form","props":{"type":"form","scale":1,"min_width":160,"visible":true}},{"id":12,"type":"row","props":{"type":"row","variant":"default","equal_height":true,"visible":true}},{"id":13,"type":"button","props":{"value":"Clear","variant":"secondary","interactive":true,"name":"button","visible":true},"serializer":"StringSerializable","api_info":{"info":{"type":"string"},"serialized_info":false},"example_inputs":{"raw":"Howdy!","serialized":"Howdy!"}},{"id":14,"type":"button","props":{"value":"OCR Extraction","variant":"primary","interactive":true,"name":"button","visible":true},"serializer":"StringSerializable","api_info":{"info":{"type":"string"},"serialized_info":false},"example_inputs":{"raw":"Howdy!","serialized":"Howdy!"}},{"id":15,"type":"column","props":{"type":"column","variant":"default","scale":1,"min_width":320,"visible":true}},{"id":16,"type":"row","props":{"type":"row","variant":"default","equal_height":true,"visible":true}},{"id":17,"type":"textbox","props":{"lines":20,"max_lines":20,"value":"","type":"text","autofocus":false,"show_copy_button":false,"container":true,"rtl":false,"label":"Extract content","show_label":true,"min_width":160,"name":"textbox","visible":true},"serializer":"StringSerializable","api_info":{"info":{"type":"string"},"serialized_info":false},"example_inputs":{"raw":"Howdy!","serialized":"Howdy!"}},{"id":18,"type":"form","props":{"type":"form","scale":1,"min_width":160,"visible":true}},{"id":19,"type":"row","props":{"type":"row","variant":"default","equal_height":true,"visible":true}},{"id":20,"type":"radio","props":{"choices":[["zh-en","zh-en"],["en-zh","en-zh"]],"value":"zh-en","label":"translation mode","show_label":true,"container":true,"min_width":160,"name":"radio","visible":true},"serializer":"StringSerializable","api_info":{"info":{"type":"string"},"serialized_info":false},"example_inputs":{"raw":"zh-en","serialized":"zh-en"}},{"id":21,"type":"form","props":{"type":"form","scale":1,"min_width":160,"visible":true}},{"id":22,"type":"row","props":{"type":"row","variant":"default","equal_height":true,"visible":true}},{"id":23,"type":"button","props":{"value":"Clear","variant":"secondary","interactive":true,"name":"button","visible":true},"serializer":"StringSerializable","api_info":{"info":{"type":"string"},"serialized_info":false},"example_inputs":{"raw":"Howdy!","serialized":"Howdy!"}},{"id":24,"type":"button","props":{"value":"Translate","variant":"primary","interactive":true,"name":"button","visible":true},"serializer":"StringSerializable","api_info":{"info":{"type":"string"},"serialized_info":false},"example_inputs":{"raw":"Howdy!","serialized":"Howdy!"}},{"id":25,"type":"row","props":{"type":"row","variant":"default","equal_height":true,"visible":true}},{"id":26,"type":"dataset","props":{"components":["image","checkboxgroup"],"headers":["image","language"],"samples":[["/home/user/app/data/test.png",["eng"]],["/home/user/app/data/test02.png",["eng"]],["/home/user/app/data/test03.png",["chi_sim"]]],"type":"index","samples_per_page":10,"container":true,"min_width":160,"name":"dataset","visible":true},"serializer":"StringSerializable","api_info":{"info":{"type":"string"},"serialized_info":false},"example_inputs":{"raw":"Howdy!","serialized":"Howdy!"}},{"id":27,"type":"box","props":{"type":"box","visible":true}},{"id":28,"type":"row","props":{"type":"row","variant":"default","equal_height":true,"visible":true}},{"id":29,"type":"markdown","props":{"value":"### Step 02: Translation","rtl":false,"latex_delimiters":[{"left"

41:"$","right":"$","display":false}],"name":"markdown","visible":true},"serializer":"StringSerializable","api_info":{"info":{"type":"string"},"serialized_info":false},"example_inputs":{"raw":"Howdy!","serialized":"Howdy!"}},{"id":30,"type":"row","props":{"type":"row","variant":"default","equal_height":true,"visible":true}},{"id":31,"type":"textbox","props":{"lines":20,"max_lines":20,"value":"","type":"text","autofocus":false,"show_copy_button":false,"container":true,"rtl":false,"label":"Translate Content","show_label":true,"min_width":160,"name":"textbox","visible":true},"serializer":"StringSerializable","api_info":{"info":{"type":"string"},"serialized_info":false},"example_inputs":{"raw":"Howdy!","serialized":"Howdy!"}},{"id":32,"type":"form","props":{"type":"form","scale":1,"min_width":160,"visible":true}},{"id":33,"type":"row","props":{"type":"row","variant":"default","equal_height":true,"visible":true}},{"id":34,"type":"button","props":{"value":"Clear Clipboard","variant":"secondary","interactive":true,"name":"button","visible":true},"serializer":"StringSerializable","api_info":{"info":{"type":"string"},"serialized_info":false},"example_inputs":{"raw":"Howdy!","serialized":"Howdy!"}},{"id":35,"type":"button","props":{"value":"Copy to clipboard","variant":"primary","interactive":true,"name":"button","visible":true},"serializer":"StringSerializable","api_info":{"info":{"type":"string"},"serialized_info":false},"example_inputs":{"raw":"Howdy!","serialized":"Howdy!"}}],"css":"h1 {\n  text-align: center;\n}\n\n#content_align {\n  text-align: center;\n}\n","title":"Gradio","space_id":"EuroPython2022/OCR-Translate","enable_queue":true,"show_error":false,"show_api":true,"is_colab":false,"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","layout":{"id":0,"children":[{"id":1},{"id":2,"children":[{"id":3,"children":[{"id":4}]},{"id":5,"children":[{"id":6,"children":[{"id":7,"children":[{"id":8}]},{"id":9,"children":[{"id":11,"children":[{"id":10}]}]},{"id":12,"children":[{"id":13},{"id":14}]}]},{"id":15,"children":[{"id":16,"children":[{"id":18,"children":[{"id":17}]}]},{"id":19,"children":[{"id":21,"children":[{"id":20}]}]},{"id":22,"children":[{"id":23},{"id":24}]}]}]},{"id":25,"children":[{"id":26}]}]},{"id":27,"children":[{"id":28,"children":[{"id":29}]},{"id":30,"children":[{"id":32,"children":[{"id":31}]}]},{"id":33,"children":[{"id":34},{"id":35}]}]}]},"dependencies":[{"targets":[26],"trigger":"click","inputs":[26],"outputs":[8,10],"backend_fn":true,"js":null,"queue":false,"api_name":false,"scroll_to_output":false,"show_progress":"hidden","every":null,"batch":false,"max_batch_size":4,"cancels":[],"types":{"continuous":false,"generator":false},"collects_event_data":false,"trigger_after":null,"trigger_only_on_success":false},{"targets":[14],"trigger":"click","inputs":[8,10],"outputs":[17],"backend_fn":true,"js":null,"queue":null,"api_name":null,"scroll_to_output":false,"show_progress":"full","every":null,"batch":false,"max_batch_size":4,"cancels":[],"types":{"continuous":false,"generator":false},"collects_event_data":false,"trigger_after":null,"trigger_only_on_success":false},{"targets":[13],"trigger":"click","inputs":[],"outputs":[8],"backend_fn":true,"js":null,"queue":null,"api_name":null,"scroll_to_output":false,"show_progress":"full","every":null,"batch":false,"max_batch_size":4,"cancels":[],"types":{"continuous":false,"generator":false},"collects_event_data":false,"trigger_after":null,"trigger_only_on_success":false},{"targets":[24],"trigger":"click","inputs":[17,20],"outputs":[31],"backend_fn":true,"js":null,"queue":null,"api_name":null,"scroll_to_output":false,"show_progress":"full","every":null,"batch":false,"max_batch_size":4,"cancels":[],"types":{"continuous":false,"generator":false},"collects_event_data":false,"trigger_after":null,"trigger_only_on_success":false},{"targets":[23],"trigger":"click","inputs":[],"outputs":[17],"backend_fn":true,"js":null,"queue":null,"api_name":null,"scroll_to_output":false,"show_progress":"full","every":null,"batch":false,"max_batch_size":4,"cancels":[],"types":{"continuous":false,"generator":false},"collects_event_data":false,"trigger_after":null,"trigger_only_on_success":false},{"targets":[35],"trigger":"click","inputs":[31],"outputs":[],"backend_fn":true,"js":null,"queue":null,"api_name":null,"scroll_to_output":false,"show_progress":"full","every":null,"batch":false,"max_batch_size":4,"cancels":[],"types":{"continuous":false,"generator":false},"collects_event_data":false,"trigger_after":null,"trigger_only_on_success":false},{"targets":[34],"trigger":"click","inputs":[],"outputs":[],"backend_fn":true,"js":null,"queue":null,"api_name":null,"scroll_to_output":false,"show_progress":"full","every":null,"batch":false,"max_batch_size":4,"cancels":[],"types":{"continuous":false,"generator":false},"collects_event_data":false,"trigger_after":null,"trigger_only_on_success":false}],"root":""};</script>

41
42
43		<link rel="preconnect" href="https://fonts.googleapis.com" />
44		<link
45			rel="preconnect"
46			href="https://fonts.gstatic.com"
47			crossorigin="anonymous"
48		/>
49		

49<script
50			src="https://cdnjs.cloudflare.com/ajax/libs/iframe-resizer/4.3.6/iframeResizer.contentWindow.min.js"
51			async
52		></script>

52
53		

53<script type="module" crossorigin src="./assets/index-bccac652.js"></script>

53
54		
55	</head>
56
57	<body
58		style="
59			width: 100%;
60			margin: 0;
61			padding: 0;
62			display: flex;
63			flex-direction: column;
64			flex-grow: 1;
65		"
66	>
67		<gradio-app
68			control_page_title="true"
69			embed="false"
70			eager="true"
71			style="display: flex; flex-direction: column; flex-grow: 1"
72		>
73		</gradio-app>
74		

74<script>
75			const ce = document.getElementsByTagName("gradio-app");
76			if (ce[0]) {
77				ce[0].addEventListener("domchange", () => {
78					document.body.style.padding = "0";
79				});
80				document.body.style.padding = "0";
81			}
82		</script>

82
83	</body>
84</html>