Taro中使用WechatSI(微信同声传译)实现语音搜索

实现效果:

语音搜索

微信同声传译插件地址:https://github.com/Tencent/Face2FaceTranslator

实现思路:
1.按钮跟随键盘出现,使用Taro.onKeyboardHeightChange获取键盘高度,修改按钮和底部的距离,适配在键盘顶部。
2.通过Taro中的requirePlugin引入“WechatSI”插件,在useEffect中初始化manager的各个事件。
3.通过onLongPress长按事件触发manager.start事件开始录音,onTouchEnd事件触发manager.stop事件结束录音。从manager.onStop回调中获取识别内容。

具体代码(只有语音搜索代码片段,无法直接运行):
import Taro, {
    requirePlugin } from "@tarojs/taro";

// 引入微信同声传译插件
const plugin = requirePlugin("WechatSI");
let manager = plugin.getRecordRecognitionManager();

  // 键盘高度
  const [keyboardHeight, setKeyboardHeight] = useState<number>(0);
  // 是否正在识别标识
  const [isRecognize, setIsRecognize] = useState<boolean>(false);
  // 是否展示识别结果
  const [showResult, setShowResult] = useState<boolean>(false);

// 初始化语音识别
  const initRecord = 
  • 2
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值