Голосовое управление сайтом при помощи библиотеки Annyang на HTML5 WebSpeechAPI
HTML 5 подарил веб разработчикам кучу новых “плюшек”, и одной из них является WebSpeechAPI – API которое позволяет разбирать речь, которую вы произнесли в микрофон. Это API включает в себя поддержку многих языков и русский входит в этот список.
Я расскажу про библиотеку annyang, которая предоставляет возможность задать список команд (ключевых слов), при произношении которых будут выполняться специальные функции.
Установка
После /head на нужных страницах вставьте:
Осталось лишь залить JS файл из прикреплённого архива в папку js
Я расскажу про библиотеку 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>
<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
-D-I-N-I-S-
19.12.15 в 22:15
966
0
Источник