Untitled


<!DOCTYPE html>
<html>
<head>
	<title> Text to speech</title>
	<script type="text/javascript" src="https://code.responsivevoice.org/responsivevoice.js"> </script>

  <style type="text/css">

  	h1 {
  		color:green;
  		font-size: 50px;
  	}
  	#hack {
  		border: 3px solid black;
  		font-size: 30px;
  	}

  	#sachin {
  		border: 3px solid black;
  		font-size: 30px;
  		color: blue;
  	}

  	#sachin:hover{
  		color: red;
  	}
  </style>

</head>
<body onload="myfun()">


 <center>
 	<h1> Text To Speech App</h1>
 <textarea cols="40" rows="10" id="hack" required="required" onkeypress="myspeech()" onkeydown="myspeech2()" onclick="myspeech3()"> </textarea> <br>
 <button onclick="dinkar()" id="sachin"> Speak</button>
 <script type="text/javascript">

 	function dinkar(){
 		var text = document.getElementById('hack').value;
 		responsiveVoice.speak(text, "Hindi Female");
    window.open("https://technicaldestination.blogspot.com");


 	}
 </script>

 </center>
</body>


</html>