JSFiddle - React, Tailwind, and code Playground

by Ronny

HTML

<input id="speechInput" type="text" style="font-size:25px;"  x-webkit-speech />

<iframe src=""></iframe>

JavaScript

$('#speechInput').bind('webkitspeechchange',function(){
    var term = $(this).val().replace(' ','+');
    var url = 'http://translate.google.com/translate_tts?q='+term;
    $('iframe').attr('src',url).css({width:100,height:100}).appendTo('body');
    //$.get('http://translate.google.com/translate_tts?q='+term)
});