Create Text to Speech Converter Using JavaScript #BKTutorial

 

Source Code:

<style>

body{

  font-family:Futura PT;  letter-spacing:2;

}

textarea{ font-size:1.5em; resize: none; }

.btn{

  width:10%;

  height:50px; color:#fff; background:#006; outline:none; border:none; border-radius:30px; letter-spacing:2; text-transform:uppercase; cursor:pointer;

}

.btn:hover{

  color:#006; background:#fff; transition:.8s;

}

</style>

<title>Text to Speech Converter</title>

<script src="https://code.responsivevoice.org/responsivevoice.js" type="text/javascript"></script>

<center><br>

<h1> Text to Speech Converter</h1>

<form>

<textarea id="txt" rows="6" cols="30" name="text"></textarea><br><br>

<input type="button" onclick="txtspeak()" value="click" class="btn">

<input type="reset" value="reset" class="btn">

</form>

</center>

<script>

 function txtspeak(){

    var text=document.getElementById("txt").value;

    responsiveVoice.speak(text);

 }

</script>