HarmonyOS鸿蒙Next中搜索页面支持语音输入

介绍

本示例通过监听器识别语音并返回文本实现在搜索页面中，语音识别即语音转文字功能。

搜索页面支持语音输入源码链接

效果预览

使用说明

进入应用，点击语音输入按钮，即可实现语音转文字功能。

实现思路

1. 首先询问申请麦克风录音权限。

async getPermission(): Promise<boolean> {
  return new Promise((resolve, reject) => {
    // 获取录音权限
    this.atManager.requestPermissionsFromUser(
      this.context, ['ohos.permission.MICROPHONE']
    )
      .then((data) => {
        data.authResults.forEach(item => {
          if (item === 0) {
            resolve(true)
          } else {
            reject(false)
          }
        })
      })
  })
}

1. 监听器录音识别返回文本。

setListener() {
  // 创建回调对象
  let setListener: speechRecognizer.RecognitionListener = {
    // 开始识别成功回调
    onStart: (sessionId: string, eventMessage: string) => {
    },
    // 事件回调
    onEvent: (sessionId: string, eventCode: number, eventMessage: string) => {
    },
    // 识别结果回调，包括中间结果和最终结果
    onResult: (sessionId: string, result: speechRecognizer.SpeechRecognitionResult) => {
      if (result.result) {
        this.voiceText = result.result
      }
      if (result.isLast) {
        setTimeout(() => {
          this.show = false
        }, 1000)
      }
    },
    // 识别完成回调
    onComplete: (sessionId: string, eventMessage: string) => {
    },
  }
  try {
    // 设置回调
    this.arsEngine?.setListener(setListener);
  } catch (e) {
  }
}

1. 使用bindSheet半模态弹窗启动语音识别。

.bindSheet($$this.show, this.myBuilder(), {
  width: '100%',
  backgroundColor: Color.White,
  showClose: true,
  dragBar: true,
  detents: [300, SheetSize.LARGE],
})