Chrome speech-to-text test

by mmarcon

HTML

<form>
    <input type=”text” x-webkit-speech speech id="speak"/>
</form>

CSS

#speak {
    display: block;
    width: 200px;
    padding: 5px;
    font-family: Helvetica;
    color: #222;
    font-size: 20px;
    line-height: 20px;
    border: 1px solid #222;
    border-radius: 3px;
    margin: 10px auto;
    font-weight: 100;
}

JavaScript

$(function(){
    $('#speak').bind('webkitspeechchange', function(){
        alert ('Got it!');
    });
});