Spaces:
Sleeping
Sleeping
| import gradio as gr | |
| from helper.gradio_config import css, js, theme | |
| from helper.text import TextAbout, TextApp, TextHowTo, TextRoadmap | |
| from tabs.htr_tool import htr_tool_tab | |
| from tabs.stepwise_htr_tool import stepwise_htr_tool_tab | |
| with gr.Blocks(title="HTR Riksarkivet", theme=theme, css=css) as demo: | |
| gr.Markdown(TextApp.title_markdown) | |
| with gr.Tabs(): | |
| with gr.Tab("HTR Tool"): | |
| htr_tool_tab.render() | |
| with gr.Tab("Stepwise HTR Tool"): | |
| stepwise_htr_tool_tab.render() | |
| with gr.Tab("How to use"): | |
| with gr.Tabs(): | |
| with gr.Tab("HTR Tool"): | |
| with gr.Row().style(equal_height=False): | |
| with gr.Column(): | |
| gr.Markdown(TextHowTo.htr_tool) | |
| with gr.Column(): | |
| gr.Markdown(TextHowTo.both_htr_tool_video) | |
| gr.Video( | |
| value="https://github.com/Borg93/htr_gradio_file_placeholder/raw/main/htr_tool_media_cut.mp4", | |
| label="How to use HTR Tool", | |
| ) | |
| gr.Markdown(TextHowTo.reach_out) | |
| with gr.Tab("Stepwise HTR Tool"): | |
| with gr.Row().style(equal_height=False): | |
| with gr.Column(): | |
| gr.Markdown(TextHowTo.stepwise_htr_tool) | |
| with gr.Column(): | |
| gr.Markdown(TextHowTo.both_htr_tool_video) | |
| gr.Video( | |
| value="https://github.com/Borg93/htr_gradio_file_placeholder/raw/main/eating_spaghetti.mp4", | |
| label="How to use Stepwise HTR Tool", | |
| ) | |
| gr.Markdown(TextHowTo.reach_out) | |
| with gr.Row(): | |
| gr.Markdown(TextHowTo.stepwise_htr_tool_tab_intro) | |
| with gr.Row(): | |
| with gr.Accordion("The tabs for the Stepwise HTR Tool:", open=True): | |
| with gr.Tabs(): | |
| with gr.Tab("1. Region Segmentation"): | |
| gr.Markdown(TextHowTo.stepwise_htr_tool_tab1) | |
| with gr.Tab("2. Line Segmentation"): | |
| gr.Markdown(TextHowTo.stepwise_htr_tool_tab2) | |
| with gr.Tab("3. Transcribe Text"): | |
| gr.Markdown(TextHowTo.stepwise_htr_tool_tab3) | |
| with gr.Tab("4. Explore Results"): | |
| gr.Markdown(TextHowTo.stepwise_htr_tool_tab4) | |
| gr.Markdown(TextHowTo.stepwise_htr_tool_end) | |
| with gr.Tab("API"): | |
| with gr.Row(): | |
| with gr.Column(): | |
| gr.Markdown( | |
| """ | |
| ## Usage of Client API | |
| For those interested in testing out the demo, it's available to run as a Gradio Python client. | |
| To facilitate this, there's a lightweight package called gradio_client that you can easily install via pip. | |
| """ | |
| ) | |
| gr.Code( | |
| value=""" | |
| from gradio_client import Client # pip install gradio_client | |
| # Change url to your client (localhost: http://127.0.0.1:7860/) | |
| client = Client("https://huggingface.co/spaces/Riksarkivet/htr_demo") | |
| job = client.submit( | |
| "https://your.image.url.or.pah.jpg", | |
| api_name="/predict", | |
| ) | |
| print(job.result()) | |
| """, | |
| language="python", | |
| interactive=False, | |
| show_label=False, | |
| ) | |
| gr.Markdown( | |
| """ | |
| Below you can see the results, in XML, from the API call: | |
| """ | |
| ) | |
| gr.Markdown(TextHowTo.figure_htr_api) | |
| with gr.Column(): | |
| gr.Markdown( | |
| """ | |
| ## Duplicating a Space for private use | |
| It's worth noting that while using any public Space as an API is possible, there's a catch. Hugging Face might rate limit you if you send an excessive number of requests in a short period. | |
| However, there's a workaround for those who need to make frequent API calls. By duplicating a public Space, you can create your own private Space. | |
| This private version allows you to make unlimited requests without any restrictions. So, if you're planning on heavy usage duplicate space: | |
| <br> | |
| <p align="center"> | |
| <a href="https://huggingface.co/spaces/Riksarkivet/htr_demo?duplicate=true"> | |
| <img src="https://huggingface.co/datasets/huggingface/badges/raw/main/duplicate-this-space-xl-dark.svg" alt="Badge 1"> | |
| </a> | |
| </p> | |
| <br> | |
| """ | |
| ) | |
| gr.Markdown(TextHowTo.figure_htr_hardware) | |
| gr.Markdown( | |
| "Note that if you have GPU hardware available, you can also run this application on Docker or clone it locally." | |
| ) | |
| with gr.Tab("About"): | |
| with gr.Tabs(): | |
| with gr.Tab("Project"): | |
| with gr.Row(): | |
| with gr.Column(): | |
| gr.Markdown(TextAbout.intro_and_pipeline_overview_text) | |
| with gr.Row(): | |
| with gr.Tabs(): | |
| with gr.Tab("I. Binarization"): | |
| gr.Markdown(TextAbout.binarization) | |
| with gr.Tab("II. Region Segmentation"): | |
| gr.Markdown(TextAbout.text_region_segment) | |
| with gr.Tab("III. Line Segmentation"): | |
| gr.Markdown(TextAbout.text_line_segmentation) | |
| with gr.Tab("IV. Transcriber"): | |
| gr.Markdown(TextAbout.text_htr) | |
| with gr.Row(): | |
| gr.Markdown(TextAbout.text_data) | |
| with gr.Column(): | |
| gr.Markdown(TextAbout.filler_text_data) | |
| gr.Markdown(TextAbout.text_models) | |
| with gr.Row(): | |
| with gr.Tabs(): | |
| with gr.Tab("Region Segmentation"): | |
| gr.Markdown(TextAbout.text_models_region) | |
| with gr.Tab("Line Segmentation"): | |
| gr.Markdown(TextAbout.text_line_segmentation) | |
| with gr.Tab("Transcriber"): | |
| gr.Markdown(TextAbout.text_models_htr) | |
| with gr.Tab("Roadmap"): | |
| with gr.Row(): | |
| with gr.Column(): | |
| gr.Markdown(TextRoadmap.roadmap) | |
| with gr.Column(): | |
| gr.Markdown(TextRoadmap.notebook) | |
| gr.Markdown( | |
| """ | |
| <p align="center"> | |
| <a href="https://huggingface.co/spaces/Riksarkivet/htr_demo/discussions"> | |
| <img src="https://huggingface.co/datasets/huggingface/badges/raw/main/open-a-discussion-xl-dark.svg" alt="Badge 1"> | |
| </a> | |
| </p>""" | |
| ) | |
| demo.load(None, None, None, _js=js) | |
| demo.queue(concurrency_count=5, max_size=20) | |
| if __name__ == "__main__": | |
| demo.launch(server_name="0.0.0.0", server_port=7860, show_api=False, show_error=True) | |