const btn = document.querySelector('.talk');
const content = document.querySelector('.content');
const greetings = [
				'If you are good im good to 😉',
				'Im doin alright',
				'Im tired 😴'
];
const weather = [
				'Ask the weatherman!',
				'I recommend checking your phone or the news '

];
const name = [
	'My name is techwaala',
	'its techwaala, because I love to code!'
];
const hello = [
	'Why hello! How are you doing today?',
	'Hey there How are you?'
]
const hru = [
	'thats great!',
	'Im so sorry to hear that',
	'Feel better soon!'
]
const SpeechRecognition =
	window.SpeechRecognition || window.webkitSpeechRecognition;
const recognition = new SpeechRecognition();

recognition.onstart = function() {
	console.log('voice is activated speak into the mic');
};
recognition.onresult = function(event) {
	const current = event.resultIndex;

	const transcript = event.results[current][0].transcript;
	content.textContent = transcript;
	readOutLoud(transcript);
}

btn.addEventListener('click', () => {
	recognition.start();
});

function readOutLoud(message) {

	const speech = new SpeechSynthesisUtterance();
	speech.text = 'I dont know what you said';
	if(message.includes('how are you')) {
		 const finalText =
		 greetings[Math.floor(Math.random() * greetings.length)];
		 speech.text = finalText;

	}
	if(['hey', 'hi', 'hello', 'hi there', 'hey there', 'hi techwala', 'hey techwala','hello techwala']
	.some(word => message.includes(word))) {
    const finalText = hello[Math.floor(Math.random() * hello.length)];
    speech.text = finalText;

}
	if(['whats your name', 'your name']
	.some(word => message.includes(word))) {
    const finalText = name[Math.floor(Math.random() * name.length)];
    speech.text = finalText;
}
if(['how\'s the weather', 'what\'s the weather like', 'is it sunny', 'is it raining', 'is it cloudy', 'is it snowing']
	.some(word => message.includes(word))) {
    const finalText = weather[Math.floor(Math.random() * weather.length)];
    speech.text = finalText;
}

	speech.volume = 1;
	speech.rate = 1;
	speech.pitch = 1;
	window.speechSynthesis.speak(speech);

	} 





我正在制作一个网页,该网页在您说出一些内容时会说话。它的默认设置是说“美国男性”,但是如果我想更改口音以说“英国女性”或“法国男性”怎么办?我尝试使用响应式voice.org,但对我不起作用。我该怎么做?另外,我没有将HTML插入此代码段,因为我认为JavaScript是唯一需要看的东西。

最佳答案

使用speechSynthesis

有一个很好的example in the docs,但是如果您要对声音进行硬编码,则本质上是这样的:

var synth = window.speechSynthesis;

// get voices
var voices = synth.getVoices();

// when voices have finished loading
synth.onvoiceschanged = function() {

  var sayThis = new SpeechSynthesisUtterance('Hi how are you?');
  sayThis.onend = function(event) {
    console.log('SpeechSynthesisUtterance.onend');
  }

  sayThis.onerror = function(event) {
    console.error('SpeechSynthesisUtterance.onerror');
  }

  var selectedVoice = 'Google UK English Female';
  for (var i = 0; i < voices.length; i++) {
    if (voices[i].name === selectedVoice) {
      sayThis.voice = voices[i];
      break;
    }
  }
  sayThis.pitch = 1;
  sayThis.rate = 1;

  synth.speak(sayThis);
}

关于javascript - 如何将默认的美国男声更改为英国女声或其他,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/56693625/

10-09 16:50