Update

app.py

@@ -112,8 +112,17 @@ def compare_face():
         result = "different person!"
   
     status = "ok"
-    response = jsonify({"status": status, "data": {"result": result, "similarity": float(similarity)}})
-    print("###########", response)
+    response = jsonify(
+    {
+        "status": status, 
+        "data": {
+            "result": result, 
+            "similarity": float(similarity), 
+            "face1": {"x1": int(faceRect1[0]), "y1": int(faceRect1[1]), "x2": int(faceRect1[2]), "y2" : int(faceRect1[3])}, 
+            "face2": {"x1": int(faceRect2[0]), "y1": int(faceRect2[1]), "x2": int(faceRect2[2]), "y2" : int(faceRect2[3])}, 
+            }
+    })
+
     response.status_code = 200
     response.headers["Content-Type"] = "application/json; charset=utf-8"
     return response
@@ -189,7 +198,16 @@ def coompare_face_base64():
         result = "different person!"
   
     status = "ok"
-    response = jsonify({"status": status, "data": {"result": result, "similarity": float(similarity)}})
+    response = jsonify(
+    {
+        "status": status, 
+        "data": {
+            "result": result, 
+            "similarity": float(similarity), 
+            "face1": {"x1": int(faceRect1[0]), "y1": int(faceRect1[1]), "x2": int(faceRect1[2]), "y2" : int(faceRect1[3])}, 
+            "face2": {"x1": int(faceRect2[0]), "y1": int(faceRect2[1]), "x2": int(faceRect2[2]), "y2" : int(faceRect2[3])}, 
+            }
+    })
     response.status_code = 200
     response.headers["Content-Type"] = "application/json; charset=utf-8"
     return response

gradio/demo.py

@@ -7,28 +7,6 @@ def compare_face(frame1, frame2):
     files = {'image1': open(frame1, 'rb'), 'image2': open(frame2, 'rb')}
 
     r = requests.post(url=url, files=files)
-    print("==================", r.json())
-    '''
-    html = None
-    faces = None
-
-    compare_result = r.json().get('compare_result')
-    compare_similarity = r.json().get('compare_similarity')
-
-    html = ("<table>"
-                "<tr>"
-                    "<th>Face State</th>"
-                    "<th>Value</th>"
-                "</tr>"
-                "<tr>"
-                    "<td>Result</td>"
-                    "<td>{compare_result}</td>"
-                "</tr>"
-                "<tr>"
-                    "<td>Similarity</td>"
-                    "<td>{compare_similarity}</td>"
-                "</tr>"
-                "</table>".format(compare_result=compare_result, compare_similarity=compare_similarity))
 
     try:
         image1 = Image.open(frame1)
@@ -102,8 +80,8 @@ def compare_face(frame1, frame2):
 
     except:
         pass
-    '''
-    return r.json()
+
+    return [r.json(), faces]
 
 with gr.Blocks() as demo:
     gr.Markdown(
@@ -124,9 +102,9 @@ with gr.Blocks() as demo:
             gr.Examples(['gradio/examples/3.jpg', 'gradio/examples/4.jpg'], 
                         inputs=compare_face_input2)
         with gr.Column():
-#            compare_face_output = gr.Image(type="pil", height=150)
+            compare_face_output = gr.Image(type="pil", height=150)
             compare_result_output = gr.JSON(label='Result')
 
-    compare_face_button.click(compare_face, inputs=[compare_face_input1, compare_face_input2], outputs=compare_result_output)
+    compare_face_button.click(compare_face, inputs=[compare_face_input1, compare_face_input2], outputs=[compare_face_output, compare_result_output])
 
 demo.launch(server_name="0.0.0.0", server_port=7860)