Главная » Файлы » Прочие скрипты » 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. Всё!
Категория: jQuery | Добавил: Lisnes | Теги: сайтом, при, делаем, голосовое, библиотеки, помощи, управление, annyang
Просмотров: 1182 | Загрузок: 198 | Комментарии: 1 | Рейтинг: 1.0/2
Всего комментариев: 1
0
Большущее спасибо! Изучу на досуге!

Имя *:
Email: