Родная речь

В процессе написания статьи мне так и не удалось подтянуть свой английский, поэтому придется учить нашего «распознавателя» великому и могучему. Впрочем, учить не надо — он и сам все знает, необходимо всего лишь изменить значение еще одного атрибута объекта SpeechRecognition — lang. Значением его является строковое обозначение языка по BCP-47. Добавим в интерфейс нашего приложения возможность выбора языка распознавания (рис. 113):

<div id =’langs’>

<img  class=  "aflag"  data-lang  ="en-US"  src=  "img/ruuk. gif">

<img  class=  "flag"  data-lang  ="ru-RU"  src=  "img/rus. gif">

<img  class=  "flag"  data-lang  ="it-IT"  src=  "img/italy. gif">

</div>

Здесь мы используем HTML5 атрибут «data-…». Теперь добавим код для установки языка распознавания:

$(function(){

$(‘#bigButton’).bind( ‘click’, function(){ voice. start();}); $(".flag").live("click", function(){

$(".aflag").removeClass("aflag").addClass("flag"); $target = $(this);

$target. addClass("aflag").removeClass("flag"); voice. lang = $target. data(‘lang’);

});

});

На рис. 114 и 115 можно наблюдать результат экспериментов по распознаванию на русском и итальянском языках.

Рис. 114. Привет Александру Сергеевичу…

Должен признаться, что, оценив степень распознаваемости русской речи, я чересчур бурно (и не слишком прилично) выразил свой восторг. Предупреждаю — будьте осторожны, система и ЭТО распознает!