File size: 9,635 Bytes
d1cf2f7 459e839 d1cf2f7 3686355 d1cf2f7 39acb7f 337ae51 39acb7f 337ae51 d1cf2f7 39acb7f d1cf2f7 39acb7f ecdb7f3 39acb7f ecdb7f3 d1cf2f7 39acb7f d1cf2f7 60b5b7e d1cf2f7 337ae51 d1cf2f7 99cdd48 d1cf2f7 99cdd48 d1cf2f7 42819f6 d1cf2f7 60b5b7e d1cf2f7 60b5b7e |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 |
import sys
import os
import gradio as gr
import json
import requests
from PIL import Image
css = """
.example-image img{
display: flex; /* Use flexbox to align items */
justify-content: center; /* Center the image horizontally */
align-items: center; /* Center the image vertically */
height: 300px; /* Set the height of the container */
object-fit: contain; /* Preserve aspect ratio while fitting the image within the container */
}
.example-image{
display: flex; /* Use flexbox to align items */
justify-content: center; /* Center the image horizontally */
align-items: center; /* Center the image vertically */
height: 350px; /* Set the height of the container */
object-fit: contain; /* Preserve aspect ratio while fitting the image within the container */
.block-background {
# background-color: #202020; /* Set your desired background color */
border-radius: 5px;
}
}
"""
def find_key_in_dict(d, target_key):
for key, value in d.items():
if key == target_key:
return value
elif isinstance(value, dict): # If the value is a dictionary, search recursively
result = find_key_in_dict(value, target_key)
if result is not None:
return result
return None
def json_to_html_table(data, image_keys):
html = "<table border='1' style='border-collapse: collapse; width: 100%;'>"
for key, value in data.items():
if isinstance(value, dict):
html += f"<tr><td colspan='2'><strong>{key}</strong></td></tr>"
for sub_key, sub_value in value.items():
if sub_key in image_keys:
html += f"<tr><td>{sub_key}</td><td><img src='data:image/png;base64,{sub_value}' width = '200' height= '100' /></td></tr>"
else:
html += f"<tr><td>{sub_key}</td><td>{sub_value}</td></tr>"
else:
if key in image_keys:
html += f"<tr><td>{key}</td><td><img src='data:image/png;base64,{value}' width = '200' height= '100' /></td></tr>"
else:
html += f"<tr><td>{key}</td><td>{value}</td></tr>"
html += "</table>"
return html
def idcard_recognition(frame1, frame2):
url = "https://recognito-iddocumentrecognition.p.rapidapi.com/api/read_idcard"
files = None
if frame1 is not None and frame2 is not None:
files = {'image': open(frame1, 'rb'), 'image2': open(frame2, 'rb')}
elif frame1 is not None and frame2 is None:
files = {'image': open(frame1, 'rb')}
elif frame1 is None and frame2 is not None:
files = {'image': open(frame2, 'rb')}
else:
return ['', None]
headers = {"X-RapidAPI-Key": os.environ.get("API_KEY")}
r = requests.post(url=url, files=files, headers=headers)
images = None
rawValues = {}
image_table_value = ""
result_table_dict = {
'portrait':'',
'documentName':'',
'score':'',
'countryName':'',
'name':'',
'sex':'',
'address':'',
'dateOfBirth':'',
'dateOfIssue':'',
'dateOfExpiry':'',
'documentNumber':'',
}
if 'data' in r.json():
for key, value in r.json()['data'].items():
if key == 'image':
for image_key, image_value in value.items():
row_value = ("<tr>"
"<td>{key}</td>"
"<td><img src=""data:image/png;base64,{base64_image} width = '200' height= '100' /></td>"
"</tr>".format(key=image_key, base64_image=image_value))
image_table_value = image_table_value + row_value
images = ("<table>"
"<tr>"
"<th>Field</th>"
"<th>Image</th>"
"</tr>"
"{image_table_value}"
"</table>".format(image_table_value=image_table_value))
for key, value in r.json().items():
if key == 'data':
if 'image' in value:
del value['image']
rawValues[key] = value
else:
rawValues[key] = value
for result_key in result_table_dict.keys():
result_table_dict[result_key] = find_key_in_dict(r.json(), result_key)
result = json_to_html_table(result_table_dict, {'portrait'})
json_result = json.dumps(rawValues, indent=6)
return [result, json_result, images]
def launch_demo():
with gr.Blocks(css=css) as demo:
gr.Markdown(
f"""
<a href="https://recognito.vision" style="display: flex; align-items: center;">
<img src="https://recognito.vision/wp-content/uploads/2024/03/Recognito-modified.png" style="width: 8%; margin-right: 15px;"/>
<div>
<p style="font-size: 32px; font-weight: bold; margin: 0;">Recognito</p>
<p style="font-size: 18px; margin: 0;">www.recognito.vision</p>
</div>
</a>
<p style="font-size: 20px; font-weight: bold;">📘 Product Documentation</p>
<div style="display: flex; align-items: center;">
  <a href="https://docs.recognito.vision" style="display: flex; align-items: center;"><img src="https://recognito.vision/wp-content/uploads/2024/05/book.png" style="width: 48px; margin-right: 5px;"/></a>
</div>
<p style="font-size: 20px; font-weight: bold;">🏠 Visit Recognito</p>
<div style="display: flex; align-items: center;">
  <a href="https://recognito.vision" style="display: flex; align-items: center;"><img src="https://recognito.vision/wp-content/uploads/2024/03/recognito_64_cl.png" style="width: 32px; margin-right: 5px;"/></a>
<a href="https://www.linkedin.com/company/recognito-vision" style="display: flex; align-items: center;"><img src="https://recognito.vision/wp-content/uploads/2024/03/linkedin_64_cl.png" style="width: 32px; margin-right: 5px;"/></a>
<a href="https://huggingface.co/recognito" style="display: flex; align-items: center;"><img src="https://recognito.vision/wp-content/uploads/2024/03/hf_64_cl.png" style="width: 32px; margin-right: 5px;"/></a>
<a href="https://github.com/recognito-vision" style="display: flex; align-items: center;"><img src="https://recognito.vision/wp-content/uploads/2024/03/github_64_cl.png" style="width: 32px; margin-right: 5px;"/></a>
<a href="https://hub.docker.com/u/recognito" style="display: flex; align-items: center;"><img src="https://recognito.vision/wp-content/uploads/2024/03/docker_64_cl.png" style="width: 32px; margin-right: 5px;"/></a>
<a href="https://www.youtube.com/@recognito-vision" style="display: flex; align-items: center;"><img src="https://recognito.vision/wp-content/uploads/2024/04/youtube_64_cl.png" style="width: 32px; margin-right: 5px;"/></a>
</div>
<p style="font-size: 20px; font-weight: bold;">🤝 Contact us for our on-premise ID Document Verification SDKs deployment</p>
<div style="display: flex; align-items: center;">
  <a target="_blank" href="mailto:[email protected]"><img src="https://img.shields.io/badge/[email protected]?logo=gmail " alt="www.recognito.vision"></a>
<a target="_blank" href="https://wa.me/+14158003112"><img src="https://img.shields.io/badge/whatsapp-+14158003112-blue.svg?logo=whatsapp " alt="www.recognito.vision"></a>
<a target="_blank" href="https://t.me/recognito_vision"><img src="https://img.shields.io/badge/telegram-@recognito__vision-blue.svg?logo=telegram " alt="www.recognito.vision"></a>
<a target="_blank" href="https://join.slack.com/t/recognito-workspace/shared_invite/zt-2d4kscqgn-"><img src="https://img.shields.io/badge/slack-recognito__workspace-blue.svg?logo=slack " alt="www.recognito.vision"></a>
</div>
<br/>
"""
)
with gr.Row():
with gr.Column(scale=6):
with gr.Row():
with gr.Column(scale=3):
id_image_input1 = gr.Image(type='filepath', label='Front', elem_classes="example-image")
with gr.Column(scale=3):
id_image_input2 = gr.Image(type='filepath', label='Back', elem_classes="example-image")
with gr.Row():
id_examples = gr.Examples(
examples=[['examples/1_f.png', 'examples/1_b.png'],
['examples/2_f.png', 'examples/2_b.png'],
['examples/3_f.png', 'examples/3_b.png'],
['examples/4.png', None]],
inputs=[id_image_input1, id_image_input2],
outputs=None,
fn=idcard_recognition
)
with gr.Blocks():
with gr.Column(scale=4, min_width=400, elem_classes="block-background"):
id_recognition_button = gr.Button("ID Card Recognition", variant="primary", size="lg")
with gr.Tab("Key Fields"):
id_result_output = gr.HTML()
with gr.Tab("Raw JSON"):
json_result_output = gr.JSON()
with gr.Tab("Images"):
image_result_output = gr.HTML()
id_recognition_button.click(idcard_recognition, inputs=[id_image_input1, id_image_input2], outputs=[id_result_output, json_result_output, image_result_output])
gr.HTML('<a href="https://visitorbadge.io/status?path=https%3A%2F%2Fhuggingface.co%2Fspaces%2Frecognito%2FID-Document-Verification"><img src="https://api.visitorbadge.io/api/combined?path=https%3A%2F%2Fhuggingface.co%2Fspaces%2Frecognito%2FID-Document-Verification&labelColor=%2337d67a&countColor=%23263759&style=flat" /></a>')
demo.launch(server_name="0.0.0.0", server_port=7860, show_api=False)
if __name__ == '__main__':
launch_demo() |