Распознование голоса для html форм
07.10.2012
Появилась идея - добавить возможность диктовки с микрофона текстовых данных. Вспомнив о спецификациях HTML5 -- сразу нашел атрибут speech тега input. В данный момент эта возможность поддерживаеться только Google Chrome, и то с префиксом - x-webkit-speech.
В итоге должен получиться примерно такой input:
<input name="voice-input" placeholder="диктуйте" size="50" speech="speech" type="text" x-webkit-speech="x-webkit-speech" />
Для textarea подобного атрибута нет, но на данный момент можно обойти с помощью js:
<html>
<head>
<script type="text/javascript">
voiceInput = function( val, ids ){
document.getElementById(ids).value = val;
document.getElementById("mic-"+ids).value = "";
document.getElementById(ids).focus();
}
</script>
<head>
<body>
<form action="http://randomuri.blogspot.com">
<textarea id="voicet" name="voicet"></textarea>
<input class="microphone-input" id="mic-voicet"
onwebkitspeechchange="document.voiceInput(this.value, 'voicet')"
x-webkit-speech="x-webkit-speech" />
</form>
</body>
</head></head></html>
Пример формы:
voiceInput = function( val, ids ){
document.getElementById(ids).value = val;
document.getElementById("mic-"+ids).value = "";
document.getElementById(ids).focus();
}
| Сообщение | |
| Нажмите чтобы продиктовать: |
Комментарии