Как реализовать произнесение Google на странице HTML?

Question

Я хочу реализовать специальную функцию произношения c слов на странице HTML, так есть ли какая-нибудь библиотека js? Я искал, но не нашел примеров.

Я хотел бы сделать следующее:

например.

<div>Hello world</div> <button value="play"/>

Итак, когда я нажмите кнопку воспроизведения «Hello world», ее нужно произносить.

Answer 1

Вы можете использовать API синтеза речи
Вот пример:

function Voice(){
var msg = new SpeechSynthesisUtterance();
var voices = window.speechSynthesis.getVoices();
msg.voice = voices[10]; // Note: some voices don't support altering params
msg.voiceURI = 'native';
msg.volume = 1; // 0 to 1
msg.rate = 1; // 0.1 to 10
msg.pitch = 2; //0 to 2
msg.text = 'Hello World';
msg.lang = 'en-US';

msg.onend = function(e) {
  console.log('Finished in ' + event.elapsedTime + ' seconds.');
};

speechSynthesis.speak(msg);

}

<button onclick="Voice();">Press me</button>