javascript voice.synthesis.speak 属性

Question

我找了又找，没有结果。至少从我发现的情况来看，没有关于此 API 的明确文档。我想创建一个自定义对象，它可以保存此函数的属性并能够运行它

console.log(window.speechSynthesis.getVoices());
var voices = window.speechSynthesis.getVoices();
var kline = new Object();

kline.speakAloud = function(message) {
	Speech = new SpeechSynthesisUtterance(message);
	Speech.voice = voices[2];
	Speech.gender = "male";
	Speech.voiceURI = "Google UK English Male";
	Speech.volume = 1; // 0 to 1
	Speech.rate = 1; // 0.1 to 10
	Speech.pitch = 2; //0 to 2
	Speech.lang = 'en-GB';
	window.speechSynthesis.speak(Speech);		
};
kline.speakText = function(message) {
	document.getElementById("Output").innerHTML = message;
};
	
	
	//Arrays for Algorithmic Input Processing 
	
	var Greetings = ["hello", "hey", "hi", "sup"];
	var Functions = ["say", "search", "math", "", "", "", "", ""];


function Run() {
	message = document.getElementById("Input").value.toLowerCase();
	console.log("Successfully ran function" + '\n' + "Input:" + document.getElementById("Input").value + '\n' + "Proccesed input:" + message);
	
	//If statement 
	if (message === ("hello")) { // greating
		kline.speakAloud("testing");
		kline.speakText("testing");
	}
	else if (message === ("X")) { //
		kline.speakAloud("");
		kline.speakText("");	
	}
	else if (message === ("X")) { //
		kline.speakAloud("");
		kline.speakText("");	
	}
	else if (message === ("X")) { //
		kline.speakAloud("");
		kline.speakText("");	
	}
}

如果你需要 html，我也可以发布这个，它基本上是一个输入框和一个调用 Run() 的按钮。该代码有效，但我无法让它成为男声。我想将其包含在同一个对象中，并提供一种使用方法来调用它的方法，如果有人有办法让它听起来像男性或知道该文档，请发布此内容，因为我希望搜索文档的其他人会找到您的可爱的答案。

我还运行 linux 15 和 chrome 版本 48。如果可能的话，我希望能够在其他浏览器上运行它。不过，让我们先迈出一小步。

Answer 1

最完整的文档位于 Web Speech API Specification .

如 this answer 中所述，声音数组仅在 window.speechSynthesis.onvoiceschanged 事件触发后加载。如果您将初始化代码移至此事件，则声音将可用。

var voices = []
var kline = new Object();

window.speechSynthesis.onvoiceschanged = function() {
    voices = window.speechSynthesis.getVoices();
    console.log(voices);
    
    kline.speakAloud = function(message) {
    Speech = new SpeechSynthesisUtterance(message);
    Speech.voice = voices[2];
    Speech.voiceURI = "Google UK English Male";
    Speech.volume = 1; // 0 to 1
    Speech.rate = 1; // 0.1 to 10
    Speech.pitch = 0; //0 to 2
    Speech.lang = 'en-GB';
    window.speechSynthesis.speak(Speech);		
  };
  kline.speakText = function(message) {
    document.getElementById("Output").innerHTML = message;
  };
		
};
	
	//Arrays for Algorithmic Input Processing 
	
	var Greetings = ["hello", "hey", "hi", "sup"];
	var Functions = ["say", "search", "math", "", "", "", "", ""];


function Run() {
	message = document.getElementById("Input").value.toLowerCase();
	console.log("Successfully ran function" + '\n' + "Input:" + document.getElementById("Input").value + '\n' + "Proccesed input:" + message);
	
	//If statement 
	if (message === ("hello")) { // greating
		kline.speakAloud("testing");
		kline.speakText("testing");
	}
	else if (message === ("X")) { //
		kline.speakAloud("");
		kline.speakText("");	
	}
	else if (message === ("X")) { //
		kline.speakAloud("");
		kline.speakText("");	
	}
	else if (message === ("X")) { //
		kline.speakAloud("");
		kline.speakText("");	
	}
}

<input type="text" id="Input" value="hello"/>
<input type="text" id="Output"/>
<button id="run" onclick="Run()">
Run
</button>