result.html 4.9 KB
<!doctype html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport"
        content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"
        integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
    <title>Flask Face Emotion Recognition App</title>
</head>

<body>

    <div class="container" style="margin-top: 100px">
        <h3>Face Emotion Recognition Platform</h3>
        <hr>

        <form action="http://localhost:5000/uploadFace" method="POST" enctype="multipart/form-data">
            <div class="form-group">
                <label for="title" class="text-uppercase">Video Upload</label>
                <input type="file" name="file">
                <button type="submit" class="btn btn-outline-primary">Add</button>
            </div>
        </form>

        <video autoplay width="320" height="240" controls>
            <source src={{ url_for('static', filename="video/zoom_1.mp4") }} type="video/mp4">
        </video>

        <a href="/faceEmotinoRecognition" class="btn btn-outline-primary">얼굴 감정 인식 분석하기</a>


        <table class="table">
            <thead>
                <tr>
                    <th scope="col ">name</th>
                    <th scope="col">happy</th>
                    <th scope="col">sad</th>
                    <th scope="col">fear</th>
                    <th scope="col">angry</th>
                    <th scope="col">neutral</th>
                    <th scope="col">surprise</th>
                </tr>
            </thead>
            <tbody>

                {% for face_img in face_imgs %}
                <tr>
                    <td scope="row">{{ face_img.name }}</td>
                    {% if face_emotion_dict[face_img.name].happy %}
                    <td>
                    {% for time in face_emotion_dict[face_img.name].happy %}
                        <span>{{time}}</span>
                    {% endfor %}
                    </td>
                    {% else %}
                    <td> X </td>
                    {% endif %}
                   
                    {% if face_emotion_dict[face_img.name].sad %}
                    <td>
                    {% for time in face_emotion_dict[face_img.name].sad %}
                    <span>{{time}}</span>
                    {% endfor %}
                    </td> 
                    {% else %}
                    <td> X </td>
                    {% endif %}
                    
                    {% if face_emotion_dict[face_img.name].fear %}
                    <td>
                    {% for time in face_emotion_dict[face_img.name].fear %}
                    <span>{{time}}</span>
                    {% endfor %}
                    </td>
                    {% else %}
                    <td> X </td>
                    {% endif %}
    
                    {% if face_emotion_dict[face_img.name].angry %}
                    <td>
                    {% for time in face_emotion_dict[face_img.name].angry %}
                        <span>{{time}}</span>
                    {% endfor %}
                    </td>
                    {% else %}
                    <td> X </td>
                    {% endif %}
    
                    {% if face_emotion_dict[face_img.name].neutral %}
                    <td>
                    {% for time in face_emotion_dict[face_img.name].neutral %}
                        <span>{{time}}</span>
                    {% endfor %}
                    </td>
                    {% else %}
                    <td> X </td>
                    {% endif %}
    
                    {% if face_emotion_dict[face_img.name].surprise %}
                    <td>
                    {% for time in face_emotion_dict[face_img.name].surprise %}
                        <span>{{time}}</span>
                    {% endfor %}
                    </td>  
                    {% else %}
                    <td> X </td>
                    {% endif %}
            
                </tr>
                {% endfor %}
            </tbody>
        </table>
        <hr/>
    </div>


    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"
        integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN"
        crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"
        integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q"
        crossorigin="anonymous"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"
        integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl"
        crossorigin="anonymous"></script>
</body>

</html>