Это захватывающее время для веб-интерфейсов, и один, чтобы следить за это API Web Речь.Это позволяет веб-сайтам и веб-приложений не только говорить с вами, но слушать, тоже.Это еще рано, но эта функциональность установить, чтобы открыть целый ряд случаев использования.Я бы сказал, что это довольно удивительным .
В этой статье мы будем смотреть на технологии и ее предлагаемого использования, а также некоторых великих примеров того, как она может быть использована для повышения качества обслуживания пользователей .
1 Disclaimer: Эта технология является довольно передовые и спецификация в настоящее время с W3C в качестве «Проект неофициального редактора” An (как от 6 июня 2014 год).Вероятность того, что использование будет немного отличаться от фрагментов кода в этой статье, является высокой. Проверка specification 3 и тщательного тестирования перед выпуском код всегда мудрый .
Выступление Synthesis
API состоит из двух частей.Для начала, давайте посмотрим на синтез речи части, бит, который говорит с вами.Если ваш сайт имеет некоторым текстовым содержимым — ли копии тела, образует входов, alt теги и т.д. — можно запустить некоторые прекрасные функции и устройство будет говорить слова для пользователя .
Давайте посмотрим на некоторые из кода, необходимого, чтобы это произошло.Во-первых, вы должны создать новый экземпляр SpeechSynthesisUtterance интерфейса.Затем, вы должны указать текст, который будет распространен.Затем, вы должны добавить этот экземпляр в очередь, которая говорит браузеру, что говорить, а когда .
Ниже я обернули все это в функции для нас называют, названный speak, с текстом которого мы хотим говорить качестве параметра .
function speak(textToSpeak) {
// Create a new instance of SpeechSynthesisUtterance
var newUtterance = new SpeechSynthesisUtterance();
// Set the text
newUtterance.text = textToSpeak;
// Add this text to the utterance queue
window.speechSynthesis.speak(newUtterance);
}
Все что нам нужно сделать сейчас, это вызвать эту функцию и передать несколько слов говориться:
speak('Welcome to Smashing Magazine');
Больше функций, включенных в SpeechSynthesisUtterance.Вы можете остановить, запустить или приостановить очередь, а также установить язык, скорость и тембр для каждой партии высказывания.Остановка, запуск или паузу высказывание срабатывает событие, которое вы можете подключить в, как это делает изменения голоса.Много, чтобы поиграть с
В настоящее время синтез речи поддерживается только в Chrome и Safari (как на настольных и мобильных устройств).Кроме того, голоса, доступных для вас через API в значительной степени зависят от операционной системы.Google имеет свой собственный набор голосов умолчанию для Chrome, доступных на Mac OS X, Windows и Ubuntu.Тем не менее, голоса Mac OS X также доступны и, таким образом, такие же, как в Safari на OSX.Вы можете легко увидеть, какие голосадоступны в консоли Developer Tools:
window.speechSynthesis.getVoices();
Подсказка: Если вы находитесь на OS X, проверьте голос
“Zarvox.”
Выступление Recognition
Другая часть API Web речь распознавание речи, которая позволяет пользователю говорить в микрофон устройства и их речь признан сайте или веб-приложение .
Давайте рассмотрим некоторый код.На этот раз мы создадим новый экземпляр SpeechRecognition интерфейса.Потому что эта часть поддерживается только в Chrome, мы должны включить webkit префикс .
var newRecognition = webkitSpeechRecognition();
SpeechRecognition поставляется с довольно несколько атрибутов.Тот, который мы, вероятно, изменится составляет continuous, по умолчанию которого состояние false означает, что браузер будет перестать слушать после перерыва в речи.Если вы хотите, чтобы ваш веб-сайт или веб-приложение, чтобы слушать, а затем установить атрибут true:
newRecognition.continuous = true;
Запуск и остановка распознавания речи, позвоните start() и stop() методы:
// sta ...
Если вы хотите прочитать полностью статью, посетите сайт наших спонсоров