A bookmarklet to input text using speech to document's active element.

bookmarklet-speech-input.js

(function(Recognition,c){
	var recognition = new Recognition;
	recognition.lang = 'en-US';
	recognition.interimResults = false;
	recognition.maxAlternatives = 5;
	recognition.start();
	c.log('listening now');

	function triggerEvent(elem, Event, type) {
		var event = new Event(type, {'bubbles': true, 'cancelable': true });
		elem.dispatchEvent(event);
	}

	recognition.onresult = function(event) {
		(function(activeElement, event){
			var text = event.results[0][0].transcript;
			c.log('saying: ', text);
			if( activeElement && activeElement.tagName === 'INPUT' ) {
				activeElement.value = text;
				triggerEvent(activeElement, KeyboardEvent, 'keydown');
				triggerEvent(activeElement, KeyboardEvent, 'keypress');
				triggerEvent(activeElement, InputEvent, 'input');
				triggerEvent(activeElement, KeyboardEvent, 'keyup');
			}
		})(document.activeElement, event);
	};

	recognition.onend = function(){ 
		console.log('stopped listening');
	}
})(window.SpeechRecognition || window.webkitSpeechRecognition, console);