Голосовое управление сайтом при помощи библиотеки Annyang на HTML5 WebSpeechAPI
Добавлено 19.12.2015 в 22:15
Голосовое управление сайтом при помощи библиотеки Annyang на HTML5 WebSpeechAPI
HTML 5 подарил веб разработчикам кучу новых “плюшек”, и одной из них является WebSpeechAPIAPI которое позволяет разбирать речь, которую вы произнесли в микрофон. Это API включает в себя поддержку многих языков и русский входит в этот список.

Я расскажу про библиотеку annyang, которая предоставляет возможность задать список команд (ключевых слов), при произношении которых будут выполняться специальные функции.

Установка

После /head на нужных страницах вставьте:

Код
<script src="/js/annyang.min.js"></script>
   
<script>
if (annyang) {
var commands = {  
"Чат": openChat,  
// Все что после звездочки будет передано в параметр функции search  
"Найти *query": search,  
// Двоеточие объявляет однословную переменную, которая будет передана в параметр функции day  
"Сегодня :n день недели": day  
};  
function openChat(){
// Функция открытия чата
};
function search(query){  
// query - поисковый запрос, который пользователь назвал  
};
function day(num){  
// Функция обработки команды "День недели"
};
   
annyang.addCommands(commands);
annyang.setLanguage('ru'); // Устанавливаем русский язык  
annyang.start();
}
</script>


Осталось лишь залить JS файл из прикреплённого архива в папку js
К материалу оставили 0 комментариев