New to Kendo UI for jQuery? Start a free 30-day trial

SmartBox.aiAssistantSettings.speechToTextButton

configuration

Sets the settings for the Speech to Text button in AI Assistant mode. When set to true, enables speech-to-text with default settings.

smartBox.aiAssistantSettings.speechToTextButton

Boolean|Object

Default: false

<div id="grid"></div>
<script>
$("#grid").kendoGrid({
  columns: [
    { field: "ProductName" },
    { field: "UnitPrice" }
  ],
  dataSource: {
    data: [
      { ProductName: "Tea", UnitPrice: 10 },
      { ProductName: "Coffee", UnitPrice: 15 }
    ]
  },
  search: {
    fields: [{ name: "ProductName", operator: "contains" }]
  },
  toolbar: ["smartBox"],
  smartBox: {
    activeMode: "AIAssistant",
    aiAssistantSettings: {
      enabled: true,
      speechToTextButton: true,
      service: "https://demos.telerik.com/service/v2/ai/grid/smart-state"
    }
  }
});
</script>

<div id="grid"></div>
<script>
$("#grid").kendoGrid({
  columns: [
    { field: "ProductName" },
    { field: "UnitPrice" }
  ],
  dataSource: {
    data: [
      { ProductName: "Tea", UnitPrice: 10 },
      { ProductName: "Coffee", UnitPrice: 15 }
    ]
  },
  search: {
    fields: [{ name: "ProductName", operator: "contains" }]
  },
  toolbar: ["smartBox"],
  smartBox: {
    activeMode: "AIAssistant",
    aiAssistantSettings: {
      enabled: true,
      speechToTextButton: {
        integrationMode: "webSpeech",
        lang: "en-US",
        continuous: false,
        interimResults: true,
        maxAlternatives: 1
      },
      service: "https://demos.telerik.com/service/v2/ai/grid/smart-state"
    }
  }
});
</script>

smartBox.aiAssistantSettings.speechToTextButton.continuous

Boolean

Specifies whether to continue listening after a result is received. When true, the speech recognition continues until explicitly stopped. When false, recognition stops after the first result.

Default: false

<div id="grid"></div>
<script>
$("#grid").kendoGrid({
  columns: [
    { field: "ProductName" },
    { field: "UnitPrice" }
  ],
  dataSource: {
    data: [
      { ProductName: "Tea", UnitPrice: 10 },
      { ProductName: "Coffee", UnitPrice: 15 }
    ]
  },
  search: {
    fields: [{ name: "ProductName", operator: "contains" }]
  },
  toolbar: ["smartBox"],
  smartBox: {
    activeMode: "AIAssistant",
    aiAssistantSettings: {
      enabled: true,
      speechToTextButton: {
        continuous: true
      },
      service: "https://demos.telerik.com/service/v2/ai/grid/smart-state"
    }
  }
});
</script>

smartBox.aiAssistantSettings.speechToTextButton.integrationMode

String

Specifies the integration mode for speech recognition. Available modes:

"webSpeech" - Uses the Web Speech API for browser-based speech recognition.
"none" - Provides the microphone button without actual speech recognition, useful when handling speech input manually.

Default: "webSpeech"

<div id="grid"></div>
<script>
$("#grid").kendoGrid({
  columns: [
    { field: "ProductName" },
    { field: "UnitPrice" }
  ],
  dataSource: {
    data: [
      { ProductName: "Tea", UnitPrice: 10 },
      { ProductName: "Coffee", UnitPrice: 15 }
    ]
  },
  search: {
    fields: [{ name: "ProductName", operator: "contains" }]
  },
  toolbar: ["smartBox"],
  smartBox: {
    activeMode: "AIAssistant",
    aiAssistantSettings: {
      enabled: true,
      speechToTextButton: {
        integrationMode: "webSpeech"
      },
      service: "https://demos.telerik.com/service/v2/ai/grid/smart-state"
    }
  }
});
</script>

smartBox.aiAssistantSettings.speechToTextButton.interimResults

Boolean

Specifies whether to return interim results during speech recognition. When true, partial transcriptions are displayed as the user speaks, providing real-time feedback.

Default: false

<div id="grid"></div>
<script>
$("#grid").kendoGrid({
  columns: [
    { field: "ProductName" },
    { field: "UnitPrice" }
  ],
  dataSource: {
    data: [
      { ProductName: "Tea", UnitPrice: 10 },
      { ProductName: "Coffee", UnitPrice: 15 }
    ]
  },
  search: {
    fields: [{ name: "ProductName", operator: "contains" }]
  },
  toolbar: ["smartBox"],
  smartBox: {
    activeMode: "AIAssistant",
    aiAssistantSettings: {
      enabled: true,
      speechToTextButton: {
        interimResults: true
      },
      service: "https://demos.telerik.com/service/v2/ai/grid/smart-state"
    }
  }
});
</script>

smartBox.aiAssistantSettings.speechToTextButton.lang

String

Specifies the language code for speech recognition. Uses BCP-47 language tags (e.g., "en-US", "es-ES", "fr-FR", "de-DE").

Default: "en-US"

<div id="grid"></div>
<script>
$("#grid").kendoGrid({
  columns: [
    { field: "ProductName" },
    { field: "UnitPrice" }
  ],
  dataSource: {
    data: [
      { ProductName: "Tea", UnitPrice: 10 },
      { ProductName: "Coffee", UnitPrice: 15 }
    ]
  },
  search: {
    fields: [{ name: "ProductName", operator: "contains" }]
  },
  toolbar: ["smartBox"],
  smartBox: {
    activeMode: "AIAssistant",
    aiAssistantSettings: {
      enabled: true,
      speechToTextButton: {
        lang: "es-ES"
      },
      service: "https://demos.telerik.com/service/v2/ai/grid/smart-state"
    }
  }
});
</script>

smartBox.aiAssistantSettings.speechToTextButton.maxAlternatives

Number

Specifies the maximum number of alternative transcriptions to return from speech recognition. Higher values provide more options but may increase processing overhead.

Default: 1

<div id="grid"></div>
<script>
$("#grid").kendoGrid({
  columns: [
    { field: "ProductName" },
    { field: "UnitPrice" }
  ],
  dataSource: {
    data: [
      { ProductName: "Tea", UnitPrice: 10 },
      { ProductName: "Coffee", UnitPrice: 15 }
    ]
  },
  search: {
    fields: [{ name: "ProductName", operator: "contains" }]
  },
  toolbar: ["smartBox"],
  smartBox: {
    activeMode: "AIAssistant",
    aiAssistantSettings: {
      enabled: true,
      speechToTextButton: {
        maxAlternatives: 3
      },
      service: "https://demos.telerik.com/service/v2/ai/grid/smart-state"
    }
  }
});
</script>