Last active
May 28, 2022 21:51
-
-
Save seksenov/17032e9a6eb9c17f88b5 to your computer and use it in GitHub Desktop.
Cortana integration from a hosted web app on Windows. To do this you'll need a meta tag in your html page pointint to an xml voice command definition file on your server. You'll also need to handle the Cortana activation event in your JavaScript.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <title>Cortana Example</title> | |
| <!--Cortana meta tag pointing to VCD file on the server--> | |
| <meta name="msapplication-cortanavcd" content="https://mysite.com/vcd.xml"/> | |
| </head> | |
| <body> | |
| </body> | |
| </html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| if (typeof Windows !== 'undefined' && | |
| typeof Windows.UI !== 'undefined' && | |
| typeof Windows.ApplicationModel !== 'undefined') | |
| { | |
| // Subscribe to the Windows Activation Event | |
| Windows.UI.WebUI.WebUIApplication.addEventListener("activated", function (args) { | |
| var activation = Windows.ApplicationModel.Activation; | |
| // Check to see if the app was activated by a voice command | |
| if (args.kind === activation.ActivationKind.voiceCommand) { | |
| // Get the speech reco | |
| var speechRecognitionResult = args.result; | |
| var textSpoken = speechRecognitionResult.text; | |
| // Determine the command type {search} defined in vcd | |
| if (speechRecognitionResult.rulePath[0] === "search") { | |
| // Determine the stream name specified | |
| if (textSpoken.includes('foo') || textSpoken.includes('Foo')) { | |
| console.log("The user is searching for foo"); | |
| } | |
| else if (textSpoken.includes('bar') || textSpoken.includes('Bar') ) { | |
| console.log("The user is searching for a bar"); | |
| } | |
| else { | |
| console.log("Invalid search term specified by user"); | |
| } | |
| } | |
| else { | |
| console.log("No valid command specified"); | |
| } | |
| } | |
| }); | |
| } else { | |
| console.log("Windows namespace is unavaiable"); | |
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <?xml version="1.0" encoding="utf-8"?> | |
| <VoiceCommands xmlns="http://schemas.microsoft.com/voicecommands/1.2"> | |
| <CommandSet xml:lang="en-us" Name="RJS"> | |
| <CommandPrefix>MyApp</CommandPrefix> | |
| <Example>MyApp search for foo</Example> | |
| <Command Name="Search"> | |
| <Example>search {message} using myapp</Example> | |
| <ListenFor RequireAppName="BeforeOrAfterPhrase">Search for {searchTerm}</ListenFor> | |
| <Feedback>Searching for {searchTerm} with MyApp</Feedback> | |
| <Navigate Target="/search.htm"/> | |
| </Command> | |
| <PhraseTopic Label="searchTerm" Scenario="Dictation"></PhraseTopic> | |
| </CommandSet> | |
| </VoiceCommands> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Hello, can you please tell me how we can invoke this from a web page. My requirement is attached as a screen shot below. Please let me know if this is possible using the above setup.