> ## Documentation Index
> Fetch the complete documentation index at: https://developer.suki.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# Web SDK For Audio Dictation

> Overview of audio dictation in the Suki Web SDK for JavaScript and React applications

<div className="quick-summary-wrapper">
  <div className="quick-summary-header">
    <span className="quick-summary-icon" aria-hidden="true" />

    <span className="quick-summary-title">Quick summary</span>
  </div>

  <div className="quick-summary-content">
    This section walks you through the process of integrating audio dictation using the Suki Web SDK in a browser-based JavaScript or React application. You will use the packages provided by Suki Web SDK to complete the integration.
  </div>

  <div className="quick-summary-footer">
    <span className="quick-summary-footer-icon" aria-hidden="true" />

    <span className="quick-summary-footer-text">Last updated:</span>
    <span className="quick-summary-footer-date">June 2026</span>
  </div>
</div>

This section walks you through the process of integrating audio dictation using the Suki Web SDK in a browser-based JavaScript or React application. You will use the packages provided by Suki to complete the integration.

To implement dictation, you must create a `SukiAuthManager` and a `DictationClient`.

In a **React application**, you wrap your component tree with the `DictationProvider`. You then render the `Dictation` component when you want the user to dictate. In a **JavaScript application**, you call `await dictationClient.show({ ... })` when the user is ready to begin dictation.

## Prerequisites

Before you begin, meet the necessary requirements in [Web SDK prerequisites](/web-sdk/prerequisites) and obtain `partnerId` and `partnerToken` after [Partner onboarding](/documentation/partner-onboarding).

## Integration guides

Choose the integration guide for your stack:

<CardGroup cols={2}>
  <Card title="JavaScript" icon="js" href="/web-sdk/guides/dictation-javascript" arrow="true">
    Use the JavaScript package provided by Suki Web SDK to integrate audio dictation in a JavaScript application (browser-based).
  </Card>

  <Card title="React" icon="react" href="/web-sdk/guides/dictation-react" arrow="true">
    Use the React package provided by Suki Web SDK to integrate audio dictation in a React application (browser-based).
  </Card>
</CardGroup>

For options such as **`mode`**, **`fieldId`**, and callbacks, refer to [Configuration](/dictation-sdk/guides/configuration) guide in the Dictation SDK section.