This is my Html5 code.. Problem is that "Text is not fully read by the voice. It stops in half way."What I need to do for that? Am using the script inside the html
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js">
</script>
<script>
$(document).ready(function() {
$("#startBtn").on('click', function(e) {
debugger;
var u1 = new SpeechSynthesisUtterance('I am a huge “Michael Jackson” fan, I feel he is one of the best entertainers this world has ever seen. He was not just an insanely talented singer, he was an incredible dancer with rhythm in his veins and a versatile composer and song writer. People like him come once in a millennium.');
u1.lang = 'en-US';
u1.pitch = 0;
u1.rate = 0.7;
//u1.voice = voices[10];
u1.voiceURI = 'native';
u1.volume = 1;
speechSynthesis.speak(u1);
});
});
s
</script>
<title></title>
</head>
<body>
<input type="button" id="startBtn" value="Hello Word.." />
</body>
</html>