| <!DOCTYPE html>
|
| <html>
|
| <head>
|
| <title>Select Emotion Detection Model</title>
|
| <style>
|
| body {
|
| font-family: Arial, sans-serif;
|
| text-align: center;
|
| }
|
| #video, #canvas {
|
| border: 2px solid #444;
|
| border-radius: 8px;
|
| margin: 10px;
|
| }
|
| #result {
|
| font-size: 18px;
|
| font-weight: bold;
|
| }
|
| #reportButton {
|
| margin-top: 20px;
|
| padding: 10px 20px;
|
| font-size: 16px;
|
| cursor: pointer;
|
| }
|
| </style>
|
| </head>
|
| <body>
|
| <h2>Select Emotion Detection Model</h2>
|
|
|
| <label for="model">Choose Model:</label>
|
| <select id="model">
|
| <option value="" selected disabled>-- Select Model --</option>
|
| <option value="knn">KNN </option>
|
| <option value="svm">SVM </option>
|
| <option value="rf">Random Forest </option>
|
| <option value="lr">Logistic Regression </option>
|
| <option value="vit">Vision Transformer (ViT)</option>
|
| <option value="cnnkeras">CNN + Keras Tensorflow</option>
|
| <option value="cnnonly">CNN</option>
|
| <option value="cnnrnn">CNN + RNN </option>
|
| <option value="cnnlstm">CNN + LSTM </option>
|
| </select>
|
|
|
| <br>
|
|
|
|
|
| <button id="reportButton">Show Evaluation Report</button>
|
|
|
| <script>
|
|
|
| document.getElementById("model").addEventListener("change", function () {
|
| const model = this.value;
|
| if (model === "cnnkeras") {
|
| window.location.href = "/cnnkeras";
|
| } else if (model === "vit") {
|
| window.location.href = "/vit";
|
| } else if (model === "cnnlstm") {
|
| window.location.href = "/cnnlstm";
|
| } else if (model === "cnnrnn") {
|
| window.location.href = "/cnn_resnet";
|
| } else if (model === "cnnonly") {
|
| window.location.href = "/cnn";
|
| }else if (model === "knn") {
|
| window.location.href = "/knn";
|
| }else if (model === "svm") {
|
| window.location.href = "/svm";
|
| }else if (model === "rf") {
|
| window.location.href = "/randomforest";
|
| }else if (model === "lr") {
|
| window.location.href = "/logistic_regression";
|
| }
|
| });
|
|
|
|
|
| document.getElementById("reportButton").addEventListener("click", function () {
|
| window.location.href = "/reports";
|
| });
|
| </script>
|
| </body>
|
| </html>
|
|
|
