Share via


Single-page sample app

This sample code is written in HTML, JavaScript and CSS; it demonstrates the basic functions on how to use single page apps.

Preconditions

In order for the sample and app to work, they must be hosted on a web server; for example, Internet Information System (IIS).

Deployment

  1. Deploy the Dragon Medical SpeechKit package on your web server.

  2. Configure the web server to serve the cookie containing licensing information (organization token and partner GUIDs). For more information, see: Speech-enabling your browser app.

  3. Enable cookies in the web browser; this is necessary for the information from the organization token and partner GUIDs to be accessed.

  4. Enable JavaScript in the web browser.

  5. For on-premises deployment, make sure that the URL for the Nuance.SpeechAnywhere.js file points to your web server. Open the sample in an editor and change the URL https://speechanywhere.nuancehdp.com/3.2/scripts/Nuance.SpeechAnywhere.js to point to the file location on your web server.

    Important: Don't modify this URL when using Dragon Medical SpeechKit hosted in the Nuance data center.

  1. Point the web browser to this location: http://<your web server>/samples/Sample_SinglePageApp.html

System requirements

For more information on supported software versions, see the corresponding release notes.

Use cases

This sample covers the following use cases:

  • All use cases supported by Dragon Medical SpeechKit out of the box. For more information, see: Samples - overview.

Sample characteristics

The sample contains three buttons with the following functions:

  • Close VuiForm - notifies Dragon Medical SpeechKit that the current document is finalized, stops the recording and discards pending recognition results. The speech bar is hidden and speech recognition is disabled.

  • Reset Report - clears all fields.

  • Initialize VuiForm - notifies Dragon Medical SpeechKit that a new document is initialized. The speech bar becomes visible again and speech-enabled fields are indicated with the Nuance flame icon.

For more information, see: Single page apps.