WebCenter User Experience and Interaction From iPads to Xbox

How does this work - Overview?
HTML Source
Speech test:
Example of Enabled Speech Integration
With the following attribute x-webkit-speech a microphone is displayed within the input field.
1. The user selects the microphone and the “Speak now” model window is displayed; as you speak you will see
the sound range highlight.
2. After you stop speaking the sound wave is passed to Google’s servers where speech recognition software is
used to analyze your voice.
3. An XML file is then passed back to the browser with the transcribed text and a few additional parameters
such as how close the recognition match was.
4. This text is then inserted into the selected text field.
The problem with this approach is that is currently only supported by the latest webkit browsers.
1. Dragon Speak, Kinect Voice SDK
If you need cross-browser device support for voice integration, you can now develop your own custom solution with
a few limitations.
Both Nuance and Microsoft can supply a voice recognition engine (Dragon Speak or Kinect Voice) that you can
setup on your webserver. The challenge lies in getting the browser to capture the voice input. Here are a few
options here for talking this:
1.1 Flash
Currently the only easily supported method is to use a Flash plugin as this plugin has access to the audio and video
input device – an open source framework is available from http://speechapi.com. It communicates with its own voice
engine, although you can configure it to point to your servers if desired.
function onLoaded() {
speechapi.setupRecognition(
"SIMPLE",
document.getElementById('words').value,
false,
false
);
}
© 2012. Fishbowl Solutions, Inc.