海外からのアクセス:www.kdjingpai.com
Ctrl + D このサイトをブックマークする
現在の場所図頭 " AIアンサー

如何将Vapi语音助手集成到现有React Native移动应用中?

2025-08-25 1.3 K

React Native集成需要完成4个核心环节:

  1. 環境準備::
    • SDKをインストールします:npm install @vapi-ai/react-native
    • 获取密钥:在dashboard.vapi.ai的API Keys页面复制公钥
  2. 基础集成:在应用入口文件初始化:
    import { Vapi } from '@vapi-ai/react-native';
    const vapi = new Vapi('你的公钥');
  3. 機能的実現::
    • 启动助手:vapi.start('助手ID')
    • 发送指令:通过vapi.send()方法实现消息传递、静音控制等交互
    • 事件监听:注册onMessage回调处理实时转录和AI回复
  4. 权限处理::
    • iOS需在Info.plist添加NSMicrophoneUsageDescription
    • Android需要申请RECORD_AUDIO管轄範囲

集成后建议使用vapi.stop()释放资源,详细示例参考GitHub的client-sdk-react-native仓库。

おすすめ

AIツールが見つからない?こちらをお試しください!

キーワードを入力する アクセシビリティこのサイトのAIツールセクションは、このサイトにあるすべてのAIツールを素早く簡単に見つける方法です。

トップに戻る

ja日本語