Magician, Founder of indianmagicians.com n worldofmagicians.com , TV star, Software Engineer, Wikipedian, Actor, Skit Artist, Mimic Artist n lots..

Add Speech Recognition icon to your html textbox

Wouldn’t it be nice if you could offer users where they can just speak instead of typing? Well all you need to do is to add keyword ‘x-webkit-speech’ to the existing textbox.

<input type="text" name="search" />

Try out a live demo – click the microphone icon and speak

To enable language based speech recognition add international language code to lang attribute of text box

<input lang="fr" type="text" name="search" x-webkit-speech/>

You can also set the language code at head section

<meta http-equiv='Content-Language' content='fr'/>

Currently, only Google Chrome supports the HTML speech input API and the microphone icon will be visible. For all other browser, it appears as normal text box.

23 Responses so far.

  1. sanketh says:

    Speech recognition feature is proposed by Google, hence this feature only works in google products

  2. matt says:

    Nice Article…
    Thanks for sharing this

  3. mathew says:

    Nice Article…
    Thanks for sharing this

  4. HTML lover says:

    thank you for share!

  5. michael says:

    thank you for share!

  6. Atlanta Braves Jersey says:

    I want to personally thank you for the outstanding presentation. It was by far the best I have ever received. The enthusiasm you generate is contagious. Dick F.

  7. Faus says:

    Hi my family member! I want to say that this post is amazing,
    great written and come with almost all significant infos.
    I’d like to see extra posts like this .

  8. Vinu says:

    I wish this works in all browsers…
    anyway thanks
    vinu

  9. Cherian says:

    Thankfulness to my father who shared with me regarding this weblog, this web site is truly awesome.

  10. Segura says:

    I don’t even know how I ended up here, but I thought this
    post was great. I don’t know who you are but definitely you’re
    going to a famous blogger if you are not already 😉 Cheers!

  11. Jacob says:

    Hello there, There’s no doubt that your website might be having browser compatibility issues.
    Whenever I look at your blog in Safari, it looks fine however, if opening in Internet Explorer, it’s got some overlapping issues.
    I simply wanted to provide you with a quick heads up!
    Other than that, great blog!

  12. Avian says:

    An outstanding share! I’ve just forwarded this onto a
    friend who has been conducting a little homework on this.
    And he in fact ordered me dinner because I found it for him…
    lol. So allow me to reword this…. Thank YOU for the meal!!
    But yeah, thanks for spending some time to discuss this subject here on your website.

  13. kevin says:

    Excellent post. I am dealing with some of these issues as well..

  14. dick leitch says:

    Thanks for finally writing about >Add Speech Recognition icon to your html textbox
    | Geek Philip <Loved it!

  15. Angel says:

    After looking into a handful of the blog articles on your web
    page, I honestly like your technique of writing a blog.
    I added it to my bookmark webpage list and will be checking back in the near future.
    Please check out my website too and let me know how
    you feel.

  16. gregory says:

    You ought to take part in a contest for one of the highest quality websites on the net.
    I most certainly will highly recommend this blog!

  17. Mae says:

    Thank you for sharing your thoughts. I truly appreciate your efforts and I
    will be waiting for your next write ups thank you once again.

  18. ReneOShroeder says:

    What’s up friends, pleasant post and nice urging commented at this place,
    I am genuinely enjoying by these.

  19. Merriam says:

    Sweet blog! I found it while surfing around on Yahoo News.

  20. australia says:

    Hey! This is my first visit to your blog! We are a group
    of volunteers and starting a new initiative
    in a community in the same niche. Your blog provided us
    beneficial information to work on. You have done a wonderful job!

  21. Foster Bagan says:

    Thank’s great post.

  22. AndraLLivley says:

    I enjoy, result in I discovered exactly what I was
    having a look for. You have ended my 4 day lengthy hunt!
    God Bless you man. Have a great day. Bye