Integrated voice recognization

ankitjain28may · Sep 13, 2016 · 934c748 · 934c748
1 parent 1490653
commit 934c748
Show file tree

Hide file tree

Showing 2 changed files with 40 additions and 12 deletions.
diff --git a/js/index.js b/js/index.js
@@ -458,4 +458,32 @@ function update()
   init(1);
 }
 
+// Audio Recognization
+
+function startDictation() {
+
+    if (window.hasOwnProperty('webkitSpeechRecognition')) {
+
+      var recognition = new webkitSpeechRecognition();
+
+      recognition.continuous = false;
+      recognition.interimResults = false;
+
+      recognition.lang = "en-IN";
+      recognition.start();
+
+      recognition.onresult = function(e) {
+        document.getElementById('text_reply').value
+                                 = e.results[0][0].transcript;
+        recognition.stop();
+        reply();
+      };
+
+      recognition.onerror = function(e) {
+        recognition.stop();
+      }
+
+    }
+  }
+
 console.log("Hello, Contact me at [email protected]");
diff --git a/message.php b/message.php
@@ -2,16 +2,16 @@
 session_start();
 if(isset($_SESSION['start']) and empty($_GET['user']))
 {
-	
+
 ?>
 <!DOCTYPE html>
 <html>
 	<head>
 		<meta charset="UTF-8">
-		<meta name="viewport" content="width=device-width, initial-scale=1.0">	
+		<meta name="viewport" content="width=device-width, initial-scale=1.0">
 		<title>Messages</title>
 		<link rel="stylesheet" href="css/style.css">
-	 	<link rel="stylesheet" href="css/font-awesome-4.6.3/css/font-awesome.min.css">		
+	 	<link rel="stylesheet" href="css/font-awesome-4.6.3/css/font-awesome.min.css">
 	 	<script type="text/javascript" src="js/jquery-3.0.0.min.js"></script>
 	<script type="text/javascript" src="js/index.js"></script>
 	<!-- // <script type="text/javascript" src="js/mobile.js"></script> -->
@@ -22,14 +22,14 @@
 
 		<div class="header">
 			<a id="brand" href="">OpenChat</a>
-			<ul class="nav-right">	
+			<ul class="nav-right">
 				<li><a href="account.php">Account</a></li>
 				<li><a href="index.php">About</a></li>
 				<li><a href="registration-module/source/class.logout.php">Log Out</a></li>
 			</ul>
 
 			<div class="mob-right">
-				
+
 
 				<div class="dropdown">
 					<div class="line"></div>
@@ -45,7 +45,7 @@
 				<li><a href="index.php">About</a></li>
 				<li><a href="registration-module/source/class.logout.php">Log Out</a></li>
 			</ul>
-		</div>	
+		</div>
 
 		<!-- search -->
 
@@ -54,7 +54,7 @@
 			<!-- <select name='search_item' id='search_item' onkeyup='search_choose()'></select> -->
 		</div>
 
-		
+
 		<!-- sidebar -->
 
 		<div class="sidebar" id="message">
@@ -74,9 +74,9 @@
 			</div>
 
 			<div class="compose" onclick="compose()"><a href="#">+ New Message</a></div>
-		</div>	
+		</div>
+
 
-
 
 		<!-- conversation -->
 		<div class="main" id="conversation">
@@ -87,15 +87,15 @@
 		<div class="conversation_reply">
 			<textarea type="text" name="" id="text_reply" placeholder="Write a reply.."></textarea>
 			<br>
-			<input type="submit" name="submit" value="Reply" onclick="reply()">
+			<span><input type="submit" name="submit" value="Reply" onclick="reply()"> &nbsp;<i onclick="startDictation()" class="fa fa-microphone" aria-hidden="true"></i></span>
 		</div>
 
 		<div class="mob-reply">
 			<div class="input-group margin-bottom-sm text_icon">
 				<input type="text" name="" id="text_reply" placeholder="OpenChat..">
 				<span class="send" ><i class="fa fa-paper-plane" aria-hidden="true" onclick="reply()"></i></span>
 			</div>
-			
+
 			<br>
 		</div>
 
@@ -126,7 +126,7 @@
 		// 	$(".main").css('min-height',w);
 		// }
 	</script>
-	
+
 </html>
 
 <?php