Отправить нажмите на Google Chrome ввода HTML-тега - PullRequest
Новая
       3

Отправить нажмите на Google Chrome ввода HTML-тега

5 голосов
/ 18 января 2012

Google Chrome имеет очень хороший контроль распознавания речи в своем браузере.Например, если я размещу этот HTML-тег: 

<input  id="speech" type="text" speech="speech" x-webkit-speech="x-webkit-speech" onspeechchange="processspeech();" onwebkitspeechchange="processspeech();" />

с соответствующим ему javascript: 

<script type="text/javascript">

        function processspeech() {
            var speechtext = $("#speech").val();
            alert(speechtext);
        }

</script>

, тогда я смогу использовать распознавание речи в Google.Мне интересно, можно ли отправить щелчок на этот элемент управления вводом, чтобы активировать его с помощью JavaScript.Другими словами, я хочу начать запись сообщения, нажав мою кнопку, кроме маленького микрофона.Я планирую использовать сайт локально, поэтому, возможно, я смогу отправить клик другим способом.

Ответы [ 2 ]

1 голос
/ 22 января 2012

Мне удается сделать это с помощью программы autoit.Вот шаги:

1) скачать AutoIt и установить.

2) Создать HTML: 

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>

    <script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script>
    <script type="text/javascript">
        function processspeech() {
            var speechtext = document.getElementById("speech").value;                   
            alert(speechtext);          
        }

    </script>
</head>
<body>


    <div id="speechinput"> 
        <input  id="speech" type="text" speech="speech" x-webkit-speech="x-webkit-speech" onspeechchange="processspeech();" onwebkitspeechchange="processspeech();" />          
    </div> 

</body>
</html>

3) Открыть HTMLфайл, который был только что создан на последнем шаге с помощью Google Chrome

enter image description here

4) при установке autoit появляется программа с именем autoit window info, запускает ее и нажимает на вкладке сводки

enter image description here

5) перетащите инструмент поиска в окно Google Chrome (в частности, в микрофон).

enter image description here

6) создайтеновый скрипт autoit:

enter image description here

Я забыл выделить ControlClick Coords, что вам понадобится ...

7) введите следующую функцию в autoit с помощьюрезультаты, полученные на шаге 5:

enter image description here

8) Запустите скрипт, нажав {f5}, и затем необходимо отправить щелчок на этот элемент управления, даже если окно скрыто!затем вы можете использовать ajax для отправки результата на ваш веб-сервер и т.д ...

1 голос
/ 18 января 2012

Если она действует как кнопка <file>, вы можете попробовать две вещи:

  • Имитировать событие click на микрофоне.Если для распознавания речи требуется длинный щелчок, он не будет работать.
  • Скройте микрофон и поместите значок позади него (с меньшим значением z-index).Когда пользователь нажимает на ваш значок, он фактически щелкает по микрофону.

Это некоторые приемы, которые обычно используются для стиля <input type="file" />, например, как это делает plupload.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...