How to Add Voice Search in Websites
Written by Saran on November 27, 2012, Updated February 21, 2017Note: As of Feb 2014, x-webkit-speech input field attribute no longer works, because it's deprecated and should switch to the JavaScript API instead. For more info : https://codereview.chromium.org/163103002/
HTML
- 1
<input type="text" placeholder="speak something" x-webkit-speech />Submit Form on Change
You may also want to automatically submit a form after speech input :HTML
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
<script type="text/javascript">
function searchthis() {
//$('#myform').submit(); //jQuery
document.getElementById("myform").submit(); //normal javascript
}
</script>
<form id="myform" method="get">
<input type="text" x-webkit-speech onwebkitspeechchange="searchthis()">
</form>
