Главная » Файлы » Прочие скрипты » jQuery |
Делаем голосовое управление сайтом при помощи библиотеки annyang
[ Скачать с сервера (1.1 Kb) ] | 11.11.14, 20:30:26 |
HTML 5 подарил веб разработчикам кучу новых "плюшек", и одной из них является WebSpeechAPI - API которое позволяет разбирать речь, которую вы произнесли в микрофон. Это API включает в себя поддержку многих языков и русский входит в этот список. Я расскажу про библиотеку annyang, которая предоставляет возможность задать список команд (ключевых слов), при произношении которых будут выполняться специальные функции. Для начала посмотрите Демо 1. Для начала загрузите файл из архива в папку js и вставьте перед тегом : Код <script src="/js/annyang.min.js"></script> 2. Далее создадим список команд: Код <script> var commands = { "Чат": openChat, //все что после звездочки будет передано в параметр функции search "Найти *query": search, //двоеточие объявляет однословную переменную, которая будет передана в параметр функции day "Сегодня :n день недели": day }; function openChat(){} function search(query){ //query - поисковый запрос, который пользователь назвал } function day(num){ } </script> 3. Далее запускаем все это дело Код <script> annyng.init(commands); annyng.language('ru');//устанавливаем русский язык annyng.start(); </script> Последние два этапа можно засунуть в один тег script и вставить перед тегом < /body >: Код <script> var commands = { "Чат": openChat, //все что после звездочки будет передано в параметр функции search "Найти *query": search, //двоеточие объявляет однословную переменную, которая будет передана в параметр функции day "Сегодня :n день недели": day }; function openChat(){} function search(query){ //query - поисковый запрос, который пользователь назвал } function day(num){ } annyng.init(commands); annyng.setLanguage('ru');//устанавливаем русский язык annyng.start(); </script> Скрипт из прикреплённого архива залейте в папку js. Всё! | |
Просмотров: 1482 | Загрузок: 311 | Комментарии: 1 | |
Всего комментариев: 1 | ||
| ||