Я работаю над функцией передачи голоса в текст, я пытаюсь восстановить то, о чем говорится, сохраняя функцию onkeyup, и получить то, о чем говорят, но, к сожалению, onkeyUp не распознает автоматическую c загрузку текста в текстовой области. мой код.
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title> . </title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="customStyleVoice.css">
<link rel="stylesheet" href="styles.css">
<script type="text/javaScript">
//document.getElementById("note-textarea").addEventListener("input", myFunction);
function myFunction(){
var x = document.getElementById("note-textarea");
alert(x);
}
</script>
</head>
<body>
<div class="container">
<h1>Welcome to Voice Based CCB</h1>
<h3 class="no-browser-support">Sorry, Your Browser Doesn't Support the Web Speech API. Try Opening
This Demo In Google Chrome.</h3>
<div class="app">
<div class="input-single">
<textarea id="note-textarea" onkeyup="myFunction()" placeholder="Tell us the whether you want to make
a payment or billing." rows="6"></textarea>
</div>
<button id="start-record-btn" title="Start Recording">Speak Up</button>
<button id="pause-record-btn" title="Pause Recording">Pause</button>
<p id="recording-instructions">Press the <strong>Speak Up</strong> button to perform CCB based
operation through voice</p>
</div>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="script.js"></script>
</body>
</html>
Может кто-нибудь помочь, как получить вызов функции, когда текстовая область загружается текстом, как только кто-то говорит.