主题
useSpeechRecognition
反应式 SpeechRecognition。
¥Reactive SpeechRecognition.
示例
Your browser does not support SpeechRecognition API, more details
用法
¥Usage
ts
import { useSpeechRecognition } from '@vueuse/core'
const {
isSupported,
isListening,
isFinal,
result,
start,
stop,
} = useSpeechRecognition()
选项
¥Options
下面显示了选项的默认值,它们将直接传递给 语音识别 API。
¥The following shows the default values of the options, they will be directly passed to SpeechRecognition API.
ts
useSpeechRecognition({
lang: 'en-US',
interimResults: true,
continuous: true,
})
类型声明
显示类型声明
typescript
export interface UseSpeechRecognitionOptions extends ConfigurableWindow {
/**
* Controls whether continuous results are returned for each recognition, or only a single result.
*
* @default true
*/
continuous?: boolean
/**
* Controls whether interim results should be returned (true) or not (false.) Interim results are results that are not yet final
*
* @default true
*/
interimResults?: boolean
/**
* Language for SpeechRecognition
*
* @default 'en-US'
*/
lang?: MaybeRefOrGetter<string>
/**
* A number representing the maximum returned alternatives for each result.
*
* @see https://developer.mozilla.org/en-US/docs/Web/API/SpeechRecognition/maxAlternatives
* @default 1
*/
maxAlternatives?: number
}
/**
* Reactive SpeechRecognition.
*
* @see https://vueuse.org/useSpeechRecognition
* @see https://developer.mozilla.org/en-US/docs/Web/API/SpeechRecognition SpeechRecognition
* @param options
*/
export declare function useSpeechRecognition(
options?: UseSpeechRecognitionOptions,
): {
isSupported: ComputedRef<boolean>
isListening: Ref<boolean, boolean>
isFinal: Ref<boolean, boolean>
recognition: SpeechRecognition | undefined
result: Ref<string, string>
error: Ref<
SpeechRecognitionErrorEvent | undefined,
SpeechRecognitionErrorEvent | undefined
>
toggle: (value?: boolean) => void
start: () => void
stop: () => void
}
export type UseSpeechRecognitionReturn = ReturnType<typeof useSpeechRecognition>