feat: Emotion detection by Video

Presently/presently/users/templates/users/emotionvideo.html

@@ -6,52 +6,20 @@
     <div class="heading-text heading-line text-center mt-5">
         <h4>Summery of emotions</h4>
     </div>
+
+    <div class="text-center py-4">
+        <h2>The Most Used Emotion for this session: <span style="color:rgb(25, 143, 216)">{{ maxemotion }}</span></h2>
+    </div>    
+
     <div class="row pb-5">
-        <div class="col-lg-3 text-center"> <span class="pie-chart" data-percent="10"> <span
-                    class="percent"></span> </span>
-            <h4>Angry</h4>
-            <p>Lorem ipsum dolor sit amet, consecte adipiscing elit. Condimentum porttitor cursumus.</p>
-        </div>
-        <div class="col-lg-3 text-center">
-            <div class="pie-chart" data-percent="20" data-color="#EA4C89"> <span class="percent"></span>
-            </div>
-            <h4>Disgust</h4>
-            <p>Lorem ipsum dolor sit amet, consecte adipiscing elit. Suspendisse condimentum cursumus.</p>
-        </div>
-        <div class="col-lg-3 text-center">
-            <div class="pie-chart" data-percent="95" data-color="#FF675B"> <span class="percent"></span>
-            </div>
-            <h4>Fear</h4>
-            <p>Lorem ipsum dolor sit amet, consecte adipiscing elit. Suspendisse condimentum porttitor.</p>
-        </div>
-        <div class="col-lg-3 text-center">
-            <div class="pie-chart" data-percent="51" data-color="#FF9900"> <span class="percent"></span>
-            </div>
-            <h4>Happy</h4>
-            <p>Lorem ipsum dolor sit amet, consecte adipiscing elit. Suspendisse condimentum porttitor
-                cursumus.</p>
-        </div>
-        <div class="col-lg-3 text-center">
-            <div class="pie-chart" data-percent="02" data-color="#E4EA64"> <span class="percent"></span>
-            </div>
-            <h4>Sad</h4>
-            <p>Lorem ipsum dolor sit amet, consecte adipiscing elit. Suspendisse condimentum porttitor
-                cursumus.</p>
-        </div>
-        <div class="col-lg-3 text-center">
-            <div class="pie-chart" data-percent="20" data-color="#6DEA64"> <span class="percent"></span>
-            </div>
-            <h4>Suprise</h4>
-            <p>Lorem ipsum dolor sit amet, consecte adipiscing elit. Suspendisse condimentum porttitor
-                cursumus.</p>
-        </div>
-        <div class="col-lg-3 text-center">
-            <div class="pie-chart" data-percent="55" data-color="#0FD1AA"> <span class="percent"></span>
+        {% for key, value in predictions.items %}
+        
+            <div class="col-lg-3 text-center"> <span class="pie-chart" data-percent="{{ value }}"> <span
+                class="percent"></span> </span>
+                <h4>{{ key }}</h4>
+                <p>{{ value }}</p>
             </div>
-            <h4>Neutral</h4>
-            <p>Lorem ipsum dolor sit amet, consecte adipiscing elit. Suspendisse condimentum porttitor
-                cursumus.</p>
-        </div>
+        {% endfor %}
     </div>
     <hr/>
 
@@ -59,6 +27,7 @@
         <h4>Usage of body gestures</h4>
     </div>
 
+    <h5 class="py-5">Waiting...</h5>
         
 
 </div>

Presently/presently/users/views.py

@@ -50,7 +50,13 @@ def emotionaudio(request):
     return render(request, 'users/emotionaudio.html',{"all":all_video})  
 
 def emotionvideo(request):
-    return render(request, 'users/emotionvideo.html') 
+    emotion= emotiondetectionvideo.emo
+    arr= emotiondetectionvideo.arr1
+    context= {
+        'maxemotion': emotion,
+        'predictions': arr
+    }
+    return render(request, 'users/emotionvideo.html',context) 
 
 def emotionaudioprosody(request):
     return render(request, 'users/prosody.html')