From 074785cea106179cb3305637055ab0a009ca74f2 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:42:52 -0500 Subject: initial commit --- .../ru/web/api/speechsynthesisutterance/index.html | 120 +++++++++++++++++++++ 1 file changed, 120 insertions(+) create mode 100644 files/ru/web/api/speechsynthesisutterance/index.html (limited to 'files/ru/web/api/speechsynthesisutterance') diff --git a/files/ru/web/api/speechsynthesisutterance/index.html b/files/ru/web/api/speechsynthesisutterance/index.html new file mode 100644 index 0000000000..94c0d175d6 --- /dev/null +++ b/files/ru/web/api/speechsynthesisutterance/index.html @@ -0,0 +1,120 @@ +--- +title: SpeechSynthesisUtterance +slug: Web/API/SpeechSynthesisUtterance +translation_of: Web/API/SpeechSynthesisUtterance +--- +

{{APIRef("Web Speech API")}}{{SeeCompatTable}}

+ +

The SpeechSynthesisUtterance interface of the Web Speech API represents a speech request. It contains the content the speech service should read and information about how to read it (e.g. language, pitch and volume.)

+ +

Конструктор

+ +
+
{{domxref("SpeechSynthesisUtterance.SpeechSynthesisUtterance()")}}
+
Возвращает новый экземпляр объекта SpeechSynthesisUtterance
+
+ +

Свойства

+ +

SpeechSynthesisUtterance еще наследует свойства из его своего родительского интерфейса {{domxref("EventTarget")}}.

+ +
+
{{domxref("SpeechSynthesisUtterance.lang")}}
+
Получает и устанавливает язык высказывания.
+
{{domxref("SpeechSynthesisUtterance.pitch")}}
+
Получает и устанавливает высоту, на которой произносится высказывание
+
{{domxref("SpeechSynthesisUtterance.rate")}}
+
Получает и устанавливает скорость, с которой будет произноситься высказывание.
+
{{domxref("SpeechSynthesisUtterance.text")}}
+
Получает и устанавливает текст, который будет синтезироваться при произнесении высказывания.
+
{{domxref("SpeechSynthesisUtterance.voice")}}
+
Получает и устанавливает голос, который будет использоваться для произнесения речи.
+
{{domxref("SpeechSynthesisUtterance.volume")}}
+
Получает и устанавливает громкость, на котором будет произноситься высказывание.
+
+ +

Обработчики событий

+ +
+
{{domxref("SpeechSynthesisUtterance.onboundary")}}
+
Срабатывает, когда произнесенное высказывание достигает границы слова или предложения.
+
{{domxref("SpeechSynthesisUtterance.onend")}}
+
Срабатывает, когда произнесение произнесено.
+
{{domxref("SpeechSynthesisUtterance.onerror")}}
+
Срабатывает, когда возникает ошибка, которая препятствует успешному произнесению высказывания.
+
{{domxref("SpeechSynthesisUtterance.onmark")}}
+
Срабатывает, когда произнесенное высказывание достигает названного тега метки «SSML».
+
{{domxref("SpeechSynthesisUtterance.onpause")}}
+
Срабатывает, когда высказывание приостановлено.
+
{{domxref("SpeechSynthesisUtterance.onresume")}}
+
Срабатывает, когда приостановленное высказывание возобновляется.
+
{{domxref("SpeechSynthesisUtterance.onstart")}}
+
Срабатывает, когда произнесение произнесено.
+
+ +

Examples

+ +

В нашей базовой Демо-версия синтезатора речи, мы сначала получаем ссылку на контроллер SpeechSynthesis, используя window.speechSynthesis. После определения некоторых необходимых переменных мы получаем список доступных голосов, используя {{domxref("SpeechSynthesis.getVoices()")}}, и заполнить меню выбора с ними, чтобы пользователь мог выбрать, какой голос он хочет.

+ +

Внутри обработчика inputForm.onsubmit мы останавливаем отправку формы с помощью preventDefault(), используйте {{domxref("SpeechSynthesisUtterance.SpeechSynthesisUtterance()", "constructor")}} для создания нового экземпляра высказывания, содержащего текст из текста {{htmlelement("input")}}, установите {{domxref("SpeechSynthesisUtterance.voice","voice")}}на голос, выбранный в элементе {{htmlelement("select")}} и начните высказывание через {{domxref("SpeechSynthesis.speak()")}} метод.

+ +
var synth = window.speechSynthesis;
+
+var inputForm = document.querySelector('form');
+var inputTxt = document.querySelector('input');
+var voiceSelect = document.querySelector('select');
+
+var voices = synth.getVoices();
+
+for(i = 0; i < voices.length ; i++) {
+  var option = document.createElement('option');
+  option.textContent = voices[i].name + ' (' + voices[i].lang + ')';
+  option.setAttribute('data-lang', voices[i].lang);
+  option.setAttribute('data-name', voices[i].name);
+  voiceSelect.appendChild(option);
+}
+
+inputForm.onsubmit = function(event) {
+  event.preventDefault();
+
+  var utterThis = new SpeechSynthesisUtterance(inputTxt.value);
+  var selectedOption = voiceSelect.selectedOptions[0].getAttribute('data-name');
+  for(i = 0; i < voices.length ; i++) {
+    if(voices[i].name === selectedOption) {
+      utterThis.voice = voices[i];
+    }
+  }
+  synth.speak(utterThis);
+  inputTxt.blur();
+}
+ +

Specifications

+ + + + + + + + + + + + + + +
SpecificationStatusComment
{{SpecName('Web Speech API', '#utterance-attributes', 'SpeechSynthesisUtterance')}}{{Spec2('Web Speech API')}} 
+ +

Browser compatibility

+ +
+ + +

{{Compat("api.SpeechSynthesisUtterance")}}

+
+ +

See also

+ + -- cgit v1.2.3-54-g00ecf