Create app.py

app.py

@@ -0,0 +1,41 @@
+import gradio as gr
+from huggingface_hub import InferenceApi
+
+api_token = "your_huggingface_api_token" 
+client = InferenceApi("HuggingFaceM4/idefics2-8b", api_token=api_token)
+
+def model_inference(image, text):
+    inputs = {
+        "inputs": {
+            "text": text,
+            "image": image
+        }
+    }
+    
+    result = client(inputs)
+    
+    generated_text = result['generated_text']
+    return generated_text
+
+with gr.Blocks(css=".input_image {max-width: 100%; border: 1px solid #ccc; box-shadow: 0 0 10px #ccc; margin-bottom: 10px;} .output_textbox {min-height: 100px;}") as demo:
+    gr.Markdown("## Enhanced IDEFICS2 Demo")
+    with gr.Row():
+        with gr.Column(scale=1):
+            image_input = gr.Image(label="Upload Image", type="file", tool="editor", height=480, width=640)
+            query_input = gr.Textbox(label="Enter Prompt", placeholder="Type your prompt here...")
+        with gr.Column(scale=1):
+            output = gr.Textbox(label="Model Output", interactive=True, placeholder="Output will be displayed here...")
+
+    submit_btn = gr.Button("Generate")
+    submit_btn.click(model_inference, inputs=[image_input, query_input], outputs=output)
+
+    examples = [
+        ["example_images/american_football.png", "Explain in detail what is depicted in the picture"],
+        ["example_images/bike.png", "Explore the image closely and describe in detail what you discover."],
+        ["example_images/finance.png", "Provide a detailed description of everything you see in the image."],
+        ["example_images/science.png", "Please perform optical character recognition (OCR) on the uploaded image. Extract all text visible in the image accurately. Ensure to capture the text in its entirety and maintain the formatting as closely as possible to how it appears in the image. After extracting the text, display it in a clear and readable format, making sure that any special characters or symbols are also accurately represented. Provide the extracted text as output."],
+        ["example_images/spirituality.png", "Please perform optical character recognition (OCR) on the uploaded image. Extract all text visible in the image accurately. Ensure to capture the text in its entirety and maintain the formatting as closely as possible to how it appears in the image. After extracting the text, display it in a clear and readable format, making sure that any special characters or symbols are also accurately represented. Provide the extracted text as output."]
+    ]
+    gr.Examples(examples=examples, inputs=[image_input, query_input], outputs=output)
+
+demo.launch(debug=True)