Я пытаюсь создать эффект печати с помощью текста, распознаваемого в реальном времени.Я использую socket.io для передачи голосовых данных от сервера.
socket.on('transcription', data => {
var finalDiv = document.getElementById('final_span');
var text_area = document.getElementById('results')
finalDiv.innerHTML = "";
typeWriter(data, finalDiv);
results.scrollTop = results.scrollHeight;
});
function typeWriter(data1, add_to) {
var i = 0;
var speed = 50;
if (i < data1.length) {
add_to.innerHTML += data.charAt(i);
i++;
setTimeout(typeWriter(data1, add_to), speed);
}
}
Каждый раз, когда из бэкэнда поступает некоторый текст, коды должны печатать текст в finalDiv.innerHTML с введенной анимацией.Но когда я запускаю коды, выдает ошибку «данные не определены».Что здесь не так?
Спасибо за ваше время и помощь.