HTML | 人脸属性

HTML表现网页内容的标注语言，可以与CSS和JavaScript配合使用，实现丰富的网页设计和交互功能。在网页中，也可以利用HTML来处理人脸属性信息，实现许多有趣的功能，例如人脸识别、人脸表情分析等。

人脸属性介绍

人脸属性是指用于描述人脸的各种特征的信息，包括性别、年龄、颜值、表情等等。在HTML中，我们可以利用各种API来获取人脸属性信息，例如Face++、Baidu AI等等。

获取人脸属性信息的API

Face++

Face++是一个人工智能开放平台，提供了多种人脸识别和表情分析API。我们可以利用Face++的API，获取人脸图像中的各项属性信息，例如：

请求

https://api-cn.faceplusplus.com/facepp/v1/detect?type=attributes&image_url=http://cdn.facesec.net/data/sampleImg/demo-img/face_demo_3.jpg&api_key=【API_KEY】&api_secret=【API_SECRET】

返回结果

{
    "face_num": 1,
    "faces": [
        {
            "attributes": {
                "gender": {
                    "value": "Male"
                },
                "age": {
                    "value": 26,
                    "range": 5
                },
                "smiling": {
                    "value": 96.124,
                    "threshold": 50.0
                },
                "headpose": {
                    "pitch_angle": {
                        "value": 24.113,
                        "threshold": 10.0
                    },
                    "yaw_angle": {
                        "value": -5.187,
                        "threshold": 10.0
                    },
                    "roll_angle": {
                        "value": -2.741,
                        "threshold": 10.0
                    }
                },
                "facequality": {
                    "value": 90.865
                },
                "ethnicity": {
                    "value": "ASIAN"
                },
                "eyestatus": {
                    "left_eye_status": {
                        "no_glass_eye_close": 0.0,
                        "normal_glass_eye_close": 0.0,
                        "occlusion": 0.0,
                        "no_glass_eye_open": 100.0,
                        "normal_glass_eye_open": 0.0,
                        "dark_glasses": 0.0
                    },
                    "right_eye_status": {
                        "no_glass_eye_close": 0.0,
                        "normal_glass_eye_close": 0.0,
                        "occlusion": 0.0,
                        "no_glass_eye_open": 100.0,
                        "normal_glass_eye_open": 0.0,
                        "dark_glasses": 0.0
                    }
                },
                "skinstatus": {
                    "health": 79.322,
                    "stain": 11.345,
                    "acne": 3.508,
                    "dark_circle": 10.0
                }
            },
            "face_rectangle": {
                "width": 270,
                "top": 122,
                "left": 380,
                "height": 270
            }
        }
    ],
    "image_id": "6UO7VfYjCRUWwyVJnKx9Xg==",
    "session_id": "5ea07c5d12af4ab4a4b4f4f704c73be9",
    "time_used": 616,
    "request_id": "1617741200,db17ec76-94b9-4e9c-910f-e45977678208",
    "error_message": "",
    "error_code": 0
}

Baidu AI

Baidu AI是百度推出的人工智能平台，提供了人脸识别和人脸表情分析API。我们可以利用Baidu AI的API，获取人脸图像中的各项属性信息，例如：

请求

https://aip.baidubce.com/rest/2.0/face/v3/detect?access_token=【ACCESS_TOKEN】&image=http://cdn.facesec.net/data/sampleImg/demo-img/face_demo_3.jpg&image_type=URL&face_field=beauty,expression,gender,glasses,age

返回结果

{
    "error_code": 0,
    "error_msg": "SUCCESS",
    "log_id": "6375052103582404703",
    "timestamp": 1617741234,
    "cached": 0,
    "result": {
        "face_num": 1,
        "face_list": [
            {
                "face_token": "857b5582905c5a5de5cae0f704a4d2a4",
                "location": {
                    "left": 386.0,
                    "top": 128.3,
                    "width": 130,
                    "height": 130,
                    "rotation": -3
                },
                "face_probability": 1.0,
                "age": 25,
                "beauty": 75.12,
                "expression": {
                    "type": "smile",
                    "probability": 0.99996912479401
                },
                "gender": {
                    "type": "male",
                    "probability": 0.999953150749207
                },
                "glasses": {
                    "type": "none",
                    "probability": 0.99921154975891
                }
            }
        ]
    }
}

HTML中人脸属性的应用

通过获取人脸属性信息，我们可以在HTML网页中应用各种人脸相关的功能。例如：

1. 人脸识别登录：可以利用Face++等人脸识别API，实现人脸识别登录功能，提高账号安全性。

2. 表情分析应用：可以利用Baidu AI等人脸表情分析API，实现表情识别应用，例如自动识别用户顾客满意度等。

3. 年龄、性别识别：可以利用各种人脸属性API，实现年龄、性别识别等功能，例如自动播放与用户性别、年龄相关的广告等。

结论

HTML可以与各种人脸属性API配合使用，实现丰富的人脸交互功能，在实际开发中有很大的应用潜力。