Skip to content

2
2022-099
Commit e658ee2c authored by K.A Rasanjalee's avatar K.A Rasanjalee
Browse files
Options

Upload New File

parent 6eaa9b9b
Hide whitespace changes
Inline Side-by-side
Showing with 163 additions and 0 deletions
voice to sign/template/animation.html 0 → 100644
View file @ e658ee2c
{% extends 'base.html' %}
{% load static %}
{% block content %}
<div class="split left">
<h2 align="center">Use Mic to insert your sentense</h2>
<br>
<form action="." method="post" align="left">
{% csrf_token %}
{{ form }}
<input type="text" name="sen" class="mytext" id="speechToText" placeholder="">
<button type="button" name="button" class="mic" onclick="record()"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOEAAADhCAMAAAAJbSJIAAAAeFBMVEX///8AAAB7e3u/v7+mpqb6+vry8vL19fW7u7ve3t6vr6/t7e0VFRXDw8MhISHh4eGSkpLT09MsLCzn5+dgYGCOjo4cHBxnZ2fPz89EREQpKSk0NDRmZmZISEiGhoY7OztxcXFPT0+fn59+fn4ODg5WVlaZmZl1dXV22IVWAAAHTUlEQVR4nO2d6XqyOhSFizIKiAha0DrQor3/Ozz19DOwQ5ApZOiz35/6KFlk2CEka7+9IQiCIAiCIAjyp7CjeLkyd6tl5vmO7MLwxorNa743COW2+F55skvFDXu5OBgsLrvsL9RlfN4y5f1y3MSyCziR7OOFvF8+MtmFnECcdup7kOpaj/6il74HC192Ycfgvup/NFtXdnEH43wP0PfgW7Nh1TsOFPgzrGoVH8N9t6IG+1B2sfuzGqHvwUp2wftijhRoGKbsovdjbA1qU4vhBIGGoUFfjINJCgPl5zf2epJAw1jbsiV08D5RoGG8y5bwmvHDaIXSA2o0rRP+EkSyZbyg+2mwDx+yZbSz5CLQMJayhbSSc1KYyxbShstJoGEo+rRonbgpPFmyxTCZNl2DqDl5u3JUeJUthoXPIxY+KVWMiVMempqoOLHhE+2fFLLlNLF5NtIfEtmCGvAcSR+oFxLPnBV+yRbUoOCs8CRbEM3kZ3uavWqvMiLOAg1DtSXwmLtC1SZu/J4rnqgW8z+5K9zIlkSx467wLFsSBe9wqF5A/OKucCFbEkX/d/aoEBXKAhWiQlQoH1SIClGhfFAhKkSF8kGFqBAVygcVokJUKB9UiApRoXxQISpEhfJBhagQFcoHFaJCVCgfVIgKUaFwHNrLanaFjSvOKs8s1sG6WNUPmM2r0Fqdfq54MwUdafOLf2VIawfLZ1VoP72KbkK2tzvVMcNbdU/nVGgV5MNCRC1uaqXYCVFY338sYG+0XfdeW5PeP6NCp37Fw/yWC/B8E3GxmFEhPOgw/yEFl329GRXCezr/iS+okPjJ8FdIdrLDo5vzK4R3lBz74L+TnZxGgEc55m+lGbje5/Nj/qcRyKi5AR/P70EYs4tx566QNA948+Z36PHA9UhA5HvO+QExx4DedvMfaUvK+vW+nx/DxssDUlnAXrKc/3wwPEpJZlH8zx8+pTiX+qcCTJag+wWZYjhsm9nxHJ/TJR/494lwzIDmEMT74MZZ4e35x7DjX+cXSJ3DC9kfT+f+/GMYgHfsQnEFjpokXPAeashAA8OhCFM+GBBJY+LsqXAg/a1gC58RGC4CMnpPd2qrs2BfTkCw+AFaCZHAzPesc8j+WzE+BHAWRWK+zTNekFhBzWjEHA6Gg1v1mM9z8k2GTAd6NYg5pO/DwpBmCgPXNMjsk7KAE+TpAm3ZKidHfmNN23+KMnKDzTEga5j8nCNITKDMp0Sd0aeCe2XvwKsSqyqkvDRFWfBbsJleyFjDqyeSXgifK4xcmFEddWermRScYY2lWvWlnqvFmYFQNqXVrXV4eEOeSJugGotIY1PKuaxa4eMx/646GzVNEulrSl16W/WP6StS5LHpzaKyKwi1/4IjQP19ydTxtGaUTPXqi0iB9BBQVitg/rSumFdvCL0SfiXWr92hGlDtzkdDMnfQbGuDCdUatoITYNCuSZ/VV9H4h4xD1OsKQvBpGbVZvze2Fre15V7apfAg3L+NvsXbWgk8aiDqyaUm0KfvkugqbERjw0hrU6qkGCGwqD0aWXQeJRnOwo3gfq1/O/xxGDhfNfLwSEmZ0PANBmuZ7rDxZg1iQWN+K8f4K2msH4K+kgyJ/e9gytnIP3CUlBKimQgBTv6XfVMiHeF8rOnfJ82utZm16g6+t8w+GrcmjOXN9wPy7PfsZlT4gmOebXZN4nITtkCredtOEtN5MVZmPqguY2WLdvPW9SKjooDNsJSW6mTKyElybCymWNmZVZP5mZb3E4IYzVpyhiTWLhPG9MNK3PsizQ9BWZbBIU8XdzdhxHCWR6hsh0iLFRPeW9qVZftJlPh2y/zEY/3Xt/Q0CcycD8G9+4cN7qz3c0K2W3bgM6fZ+dClzYw56OZKZH9qyXWYDnmLErIzlh4VSZEQtTws3Zb9mpi1bNnmoE7SR7st/8px011Gb9M28ckVMi232vOT3FZRe01a0ap9l8q7UplJrRe7L8v8axU1Rww7Wn2dyvafLRQYRQEdS8GH4np3wyz2PC/OQvd+LTqeH8fEm5nJpqwi0myVTGXtc3wHrNAYU8fitY32rloXrPD6pRp/TapMFGTiDk/mDDmql2CGwt9N2eAW7BTtgYBk/Nahs3o5kNgk5zH1GGij70GyG9ofjzud9D1wwkX/BOv7RajUJLQvvpu+mHdWrTN1dRheWnCyze2VyuC2ybSsPUCy/DynF7rJ7i/p+XOpW997gWXDpVWzbcFNY+Bra9XyVfEA7oVVN6nxeFCh/qBC/UGF+oMK9QcV6g8q1B9UqD+oUH9Qof6gQv1BhfqDCvXnr61523FIAc/BbOivYyV2kvbG3w0/g3jQYpPCP+JxW06OUo5vjaFx+rJ3NepSi+N9MGWfPOiJP37L0F6P4WaKiYsePXHZLaQVPcLk369Dv88mGjalJoNp+8b9Lq6yi96T5gHhngTabK8Jx7XTUo9x5n8ixknQThTf/UwTueYwXEUOcSEIgiAIgiAIMor/AD1Hbx4tko+OAAAAAElFTkSuQmCC" height="32px" width="32px" /></button>
&nbsp&nbsp&nbsp&nbsp
<input type="submit" name="submit" class="submit">
</form>
<br>
<table cellspacing="20px">
<tr>
<td class="td">The text that you entered is:</td>
<td class="td">{{ text }}</td>
</tr>
<tr>
<td class="td">Key words in sentence:</td>
<td class="td">
<ul class="td" id="list" align="center">
{% for word in words %}
<li id="{{ i }}" style="margin-right: 8px">{{ word }}</li>
{% endfor %}
</ul>
</td>
</tr>
</table></div>
<div class="split right">
<h2 align="center">Sign Language Animation</h2>
<div style="text-align:center"> &nbsp&nbsp
<button class="submit" onclick="play()" hidden>Play/Pause</button>
<script>
//function play(){
var videoSource = new Array();
var videos = document.getElementById("list").getElementsByTagName("li");
var j , i=0;
var time = 2500; // Time Between Switch
for(j=0;j<videos.length;j++)
{
videoSource[j] = "/static/" + videos[j].innerHTML +".jpg";
//document.getElementById("videoPlayer").setAttribute("src", videoSource[j]);
//document.getElementById("videoPlayer").load();
}
function changeImg(){
document.slide.src = videoSource[i];
//alert(videoSource.length);
// Check If Index Is Under Max
if(i < videoSource.length - 1){
// Add 1 to Index
i++;
} else {
// Reset Back To O
i = 0;
}
// Run function every x seconds
setTimeout("changeImg()", time);
}
window.onload=changeImg
</script>
<!-- LETS USE ONLY PLAY PAUSE BUTTON WITH 720 *420 ,IT FITS THE SCREEN ASHISH
<button onclick="makeBig()">Big</button>
<button onclick="makeSmall()">Small</button>
<button onclick="makeNormal()">Normal</button>-->
<!-- <video id="videoPlayer" width="600" height="350" preload="auto" autoplay>
<source src="" type="video/mp4">
Your browser does not support HTML5 video.
</video> -->
<img id="videoPlayer" name="slide" width="660" height="380" >
<!-- <img name="slide" width="400" height="200" /> -->
</div></div>
<script>
//webkitSpeechRecognition api for speech to text conversion
function record(){
var recognition = new webkitSpeechRecognition();
recognition.lang='en-IN';
recognition.onresult = function(event){
console.log(event)
document.getElementById('speechToText').value = event.results[0][0].transcript;
}
recognition.start();
}
// window.onclick=changeImg;
//window.onload=changeImg;
// var i = 0; // define i
// var videoCount = videoSource.length;
// function videoPlay(videoNum)
// {
// document.getElementById("list").getElementsByTagName("li")[videoNum].style.color = "#09edc7";
// document.getElementById("list").getElementsByTagName("li")[videoNum].style.fontSize = "xx-large";
// document.getElementById("videoPlayer").setAttribute("src", videoSource[videoNum]);
// document.getElementById("videoPlayer").load();
// document.getElementById("videoPlayer").play();
// }
// document.getElementById('videoPlayer').addEventListener('ended', myHandler, false);
// document.getElementById("list").getElementsByTagName("li")[0].style.color = "#09edc7";
// document.getElementById("list").getElementsByTagName("li")[0].style.fontSize = "xx-large";
// videoPlay(0); // play the video
// function myHandler()
// {
// document.getElementById("list").getElementsByTagName("li")[i].style.color = "#feda6a";
// document.getElementById("list").getElementsByTagName("li")[i].style.fontSize = "20px";
// i++;
// if (i == videoCount)
// {
// document.getElementById("videoPlayer").pause();
// }
// else
// {
// videoPlay(i);
// }
// }
/* LETS USE ONLY PLAY PAUSE BUTTON WITH 720 *420 ,IT FITS THE SCREEN
function makeBig() {
document.getElementById("videoPlayer").width = 560;
document.getElementById("videoPlayer").height = 360;
}
function makeSmall() {
document.getElementById("videoPlayer").width = 320;
document.getElementById("videoPlayer").height = 180;
}
function makeNormal() {
document.getElementById("videoPlayer").width = 420;
document.getElementById("videoPlayer").height =280;
}*/
// function playPause(){
// if (document.getElementById("videoPlayer").paused){
// play();}
// else{
// document.getElementById("videoPlayer").pause();}
// }
</script>
{% endblock %}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment