HTML5 Speech recognition — is there a way to set what the user is expected to say dynamically? (Using custom Grammars)

Question

I am looking for a way to define what you expect the user to say in an tag with the HTML 5 speech attribute set.
I know that you

Answer 1

The grammar file could be dynamically generated using something like PHP, JSP, or your favorite web development language. The grammar file is fetched using HTTP so you could have something like this if you are using PHP:

<input type="text" speech grammar="grammar.php?some_var=foo" />

The PHP would dynamically create the grammar based on information passed in a query string or through stored session information and return it to the speech engine.

Answer 2

I found a way to do it client-side, using a new html5 feature: blobs.

window.URL = window.URL || window.webkitURL;

var myGrammar = new Blob(["My custom grammar"], {
     type: 'text/xml Or whatever is the proper MIME type for grammars'});

var grammarUrl = window.URL.createObjectURL(myGrammar); 

myInput = document.getElementById("myInput");

myInput.grammar = grammarUrl;

This makes a url out of the grammar string, and then sets that url for our input element.

This way there is no need to make a server request, thus making it faster and less load on the server.

For more information on blobs, see this and this.