Create app.py

app.py

@@ -0,0 +1,360 @@
+import gradio as gr
+import random
+import numpy as np
+import os
+import requests
+import torch
+import torchvision.transforms as T
+from PIL import Image
+from transformers import AutoProcessor, AutoModelForVision2Seq
+import cv2
+import spaces
+import ast
+
+colors = [
+    (0, 255, 0),
+    (0, 0, 255),
+    (255, 255, 0),
+    (255, 0, 255),
+    (0, 255, 255),
+    (114, 128, 250),
+    (0, 165, 255),
+    (0, 128, 0),
+    (144, 238, 144),
+    (238, 238, 175),
+    (255, 191, 0),
+    (0, 128, 0),
+    (226, 43, 138),
+    (255, 0, 255),
+    (0, 215, 255),
+    (255, 0, 0),
+]
+
+color_map = {
+    f"{color_id}": f"#{hex(color[2])[2:].zfill(2)}{hex(color[1])[2:].zfill(2)}{hex(color[0])[2:].zfill(2)}" for color_id, color in enumerate(colors)
+}
+
+
+def is_overlapping(rect1, rect2):
+    x1, y1, x2, y2 = rect1
+    x3, y3, x4, y4 = rect2
+    return not (x2 < x3 or x1 > x4 or y2 < y3 or y1 > y4)
+
+@spaces.GPU
+def draw_entity_boxes_on_image(image, entities, show=False, save_path=None, entity_index=-1):
+    """_summary_
+    Args:
+        image (_type_): image or image path
+        collect_entity_location (_type_): _description_
+    """
+    if isinstance(image, Image.Image):
+        image_h = image.height
+        image_w = image.width
+        image = np.array(image)[:, :, [2, 1, 0]]
+    elif isinstance(image, str):
+        if os.path.exists(image):
+            pil_img = Image.open(image).convert("RGB")
+            image = np.array(pil_img)[:, :, [2, 1, 0]]
+            image_h = pil_img.height
+            image_w = pil_img.width
+        else:
+            raise ValueError(f"invaild image path, {image}")
+    elif isinstance(image, torch.Tensor):
+        # pdb.set_trace()
+        image_tensor = image.cpu()
+        reverse_norm_mean = torch.tensor([0.48145466, 0.4578275, 0.40821073])[:, None, None]
+        reverse_norm_std = torch.tensor([0.26862954, 0.26130258, 0.27577711])[:, None, None]
+        image_tensor = image_tensor * reverse_norm_std + reverse_norm_mean
+        pil_img = T.ToPILImage()(image_tensor)
+        image_h = pil_img.height
+        image_w = pil_img.width
+        image = np.array(pil_img)[:, :, [2, 1, 0]]
+    else:
+        raise ValueError(f"invaild image format, {type(image)} for {image}")
+
+    if len(entities) == 0:
+        return image
+
+    indices = list(range(len(entities)))
+    if entity_index >= 0:
+        indices = [entity_index]
+
+    # Not to show too many bboxes
+    entities = entities[:len(color_map)]
+
+    new_image = image.copy()
+    previous_bboxes = []
+    # size of text
+    text_size = 1
+    # thickness of text
+    text_line = 1  # int(max(1 * min(image_h, image_w) / 512, 1))
+    box_line = 3
+    (c_width, text_height), _ = cv2.getTextSize("F", cv2.FONT_HERSHEY_COMPLEX, text_size, text_line)
+    base_height = int(text_height * 0.675)
+    text_offset_original = text_height - base_height
+    text_spaces = 3
+
+    # num_bboxes = sum(len(x[-1]) for x in entities)
+    used_colors = colors  # random.sample(colors, k=num_bboxes)
+
+    color_id = -1
+    for entity_idx, (entity_name, (start, end), bboxes) in enumerate(entities):
+        color_id += 1
+        if entity_idx not in indices:
+            continue
+        for bbox_id, (x1_norm, y1_norm, x2_norm, y2_norm) in enumerate(bboxes):
+            orig_x1, orig_y1, orig_x2, orig_y2 = int(x1_norm * image_w), int(y1_norm * image_h), int(x2_norm * image_w), int(y2_norm * image_h)
+
+            # draw bbox
+            color = used_colors[color_id]
+            new_image = cv2.rectangle(new_image, (orig_x1, orig_y1), (orig_x2, orig_y2), color, box_line)
+
+            l_o, r_o = box_line // 2 + box_line % 2, box_line // 2 + box_line % 2 + 1
+
+            x1 = orig_x1 - l_o
+            y1 = orig_y1 - l_o
+
+            if y1 < text_height + text_offset_original + 2 * text_spaces:
+                y1 = orig_y1 + r_o + text_height + text_offset_original + 2 * text_spaces
+                x1 = orig_x1 + r_o
+
+            (text_width, text_height), _ = cv2.getTextSize(f"  {entity_name}", cv2.FONT_HERSHEY_COMPLEX, text_size, text_line)
+            text_bg_x1, text_bg_y1, text_bg_x2, text_bg_y2 = x1, y1 - (text_height + text_offset_original + 2 * text_spaces), x1 + text_width, y1
+
+            for prev_bbox in previous_bboxes:
+                while is_overlapping((text_bg_x1, text_bg_y1, text_bg_x2, text_bg_y2), prev_bbox):
+                    text_bg_y1 += (text_height + text_offset_original + 2 * text_spaces)
+                    text_bg_y2 += (text_height + text_offset_original + 2 * text_spaces)
+                    y1 += (text_height + text_offset_original + 2 * text_spaces)
+
+                    if text_bg_y2 >= image_h:
+                        text_bg_y1 = max(0, image_h - (text_height + text_offset_original + 2 * text_spaces))
+                        text_bg_y2 = image_h
+                        y1 = image_h
+                        break
+
+            alpha = 0.5
+            for i in range(text_bg_y1, text_bg_y2):
+                for j in range(text_bg_x1, text_bg_x2):
+                    if i < image_h and j < image_w:
+                        if j < text_bg_x1 + 1.35 * c_width:
+                            bg_color = color
+                        else:
+                            bg_color = [255, 255, 255]
+                        new_image[i, j] = (alpha * new_image[i, j] + (1 - alpha) * np.array(bg_color)).astype(np.uint8)
+
+            cv2.putText(
+                new_image, f"  {entity_name}", (x1, y1 - text_offset_original - 1 * text_spaces), cv2.FONT_HERSHEY_COMPLEX, text_size, (0, 0, 0), text_line, cv2.LINE_AA
+            )
+            previous_bboxes.append((text_bg_x1, text_bg_y1, text_bg_x2, text_bg_y2))
+
+    pil_image = Image.fromarray(new_image[:, :, [2, 1, 0]])
+    if save_path:
+        pil_image.save(save_path)
+    if show:
+        pil_image.show()
+
+    return pil_image
+
+
+ckpt = "microsoft/kosmos-2-patch14-224"
+
+model = AutoModelForVision2Seq.from_pretrained(ckpt)
+processor = AutoProcessor.from_pretrained(ckpt)
+
+@spaces.GPU
+def generate_predictions(image_input, text_input, question=None):
+
+    user_image_path = "/tmp/user_input_test_image.jpg"
+    image_input.save(user_image_path)
+    image_input = Image.open(user_image_path)
+
+    if text_input == "Brief":
+        text_input = "<grounding>An image of"
+    elif text_input == "Detailed":
+        text_input = "<grounding>Describe this image in detail:"
+    if question:
+        text_input = f"<grounding>{question}"
+
+    inputs = processor(text=text_input, images=image_input, return_tensors="pt")
+
+    generated_ids = model.generate(
+        pixel_values=inputs["pixel_values"],
+        input_ids=inputs["input_ids"],
+        attention_mask=inputs["attention_mask"],
+        image_embeds=None,
+        image_embeds_position_mask=inputs["image_embeds_position_mask"],
+        use_cache=True,
+        max_new_tokens=128,
+    )
+
+    generated_text = processor.batch_decode(generated_ids, skip_special_tokens=True)[0]
+
+    processed_text, entities = processor.post_process_generation(generated_text)
+
+    annotated_image = draw_entity_boxes_on_image(image_input, entities, show=False)
+
+    color_id = -1
+    entity_info = []
+    filtered_entities = []
+    for entity in entities:
+        entity_name, (start, end), bboxes = entity
+        if start == end:
+            continue
+        color_id += 1
+        entity_info.append(((start, end), color_id))
+        filtered_entities.append(entity)
+
+    colored_text = []
+    prev_start = 0
+    end = 0
+    for idx, ((start, end), color_id) in enumerate(entity_info):
+        if start > prev_start:
+            colored_text.append((processed_text[prev_start:start], None))
+        colored_text.append((processed_text[start:end], f"{color_id}"))
+        prev_start = end
+
+    if end < len(processed_text):
+        colored_text.append((processed_text[end:len(processed_text)], None))
+
+    return annotated_image, colored_text, str(filtered_entities)
+
+term_of_use = """
+### Terms of use
+By using this model, users are required to agree to the following terms:
+The model is intended for academic and research purposes.
+The utilization of the model to create unsuitable material is strictly forbidden and not endorsed by this work.
+The accountability for any improper or unacceptable application of the model rests exclusively with the individuals who generated such content.
+"""
+
+# Custom CSS styles for Gradio interface
+custom_css = """
+/* Add your custom CSS styles here */
+.gradio-root {
+    font-family: Arial, sans-serif;
+}
+
+.gradio-dropdown select {
+    padding: 8px 10px;
+    border-radius: 5px;
+    border: 1px solid #ccc;
+    background-color: #f9f9f9;
+}
+
+.gradio-radio input[type="radio"]:checked+label {
+    background-color: #007bff;
+    color: #fff;
+}
+
+.gradio-radio input[type="radio"]:not(:checked)+label {
+    background-color: #fff;
+    color: #555;
+}
+
+.gradio-radio input[type="radio"]:focus+label {
+    outline: none;
+    border-color: #007bff;
+}
+
+.gradio-radio label {
+    border-radius: 5px;
+    padding: 8px 12px;
+    margin: 0;
+    cursor: pointer;
+}
+
+.gradio-radio label:hover {
+    background-color: #f0f0f0;
+}
+
+.gradio-slider-container {
+    padding: 10px 0;
+}
+
+.gradio-slider {
+    -webkit-appearance: none;
+    width: 100%;
+    height: 8px;
+    border-radius: 5px;
+    background-color: #f9f9f9;
+    outline: none;
+    opacity: 0.7;
+    -webkit-transition: .2s;
+    transition: opacity .2s;
+}
+
+.gradio-slider::-webkit-slider-thumb {
+    -webkit-appearance: none;
+    appearance: none;
+    width: 16px;
+    height: 16px;
+    border-radius: 50%;
+    background-color: #007bff;
+    cursor: pointer;
+}
+
+.gradio-slider::-moz-range-thumb {
+    width: 16px;
+    height: 16px;
+    border-radius: 50%;
+    background-color: #007bff;
+    cursor: pointer;
+}
+"""
+
+# Create Gradio interface
+with gr.Blocks(title="Kosmos-2", theme=gr.themes.Base(), css=custom_css).queue() as demo:
+    # Add Gradio interface components
+    # Add Gradio interface components
+    gr.Markdown(("""
+        # Kosmos-2: Grounding Multimodal Large Language Models to the World
+        ### This model can answer visual questions, does localize objects in a given image, and even caption the image without hallucination!
+        ### To get started, simply pick one of the images. Pick "Brief" or "Detailed" input for captioning. For visual question answering, pick "None" and enter your question.
+        """))
+    with gr.Row():
+        with gr.Column():
+            image_input = gr.Image(type="pil", label="Test Image")
+            text_input = gr.Radio(["Brief", "Detailed", "None"], label="Captioning Detail", value="Brief")
+            question = gr.Textbox(label="Visual Question Answering")
+            run_button = gr.Button(value="Run", visible=True)
+
+        with gr.Column():
+            image_output = gr.Image(type="pil")
+            text_output1 = gr.HighlightedText(
+                                label="Generated Description",
+                                combine_adjacent=False,
+                                show_legend=True,
+                            )
+
+    with gr.Row():
+        with gr.Column():
+            gr.Examples(examples=[
+                        ["/content/krina2.png", "Detailed", None],
+                        ["/content/krina.png", "Brief", None],
+                        ["/content/krina3.png", "None", "What is in this image?"],
+                    ], inputs=[image_input, text_input, question])
+
+    gr.Markdown(term_of_use)
+
+    selected = gr.Number(-1, show_label=False, visible=False)
+
+    entity_output = gr.Textbox(visible=False)
+
+    def get_text_span_label(evt: gr.SelectData):
+        if evt.value[-1] is None:
+            return -1
+        return int(evt.value[-1])
+    text_output1.select(get_text_span_label, None, selected)
+
+    def update_output_image(img_input, image_output, entities, idx):
+        entities = ast.literal_eval(entities)
+        updated_image = draw_entity_boxes_on_image(img_input, entities, entity_index=idx)
+        return updated_image
+    selected.change(update_output_image, [image_input, image_output, entity_output, selected], [image_output])
+
+    run_button.click(fn=generate_predictions,
+                     inputs=[image_input, text_input, question],
+                     outputs=[image_output, text_output1, entity_output],
+                     show_progress=True, queue=True)
+
+demo.launch(debug=True)