Flutter插件zifty的特性与使用方法

Zifty

Zifty是一个专门用于提供实时语音通信和命令处理能力的Flutter包。

Flutter插件zifty的特性

• 🎤 实时语音通信
• 🗣️ 语音命令处理
• 🔈 音频流静音/取消静音功能
• 📱 灵活的UI布局以适应不同的设备形态

平台支持

Zifty支持所有主要平台：

• ✓ Android
• ✓ iOS
• ✓ Web
• ✓ Windows
• ✓ macOS
• ✓ Linux

Flutter插件zifty开始使用

1. 在pubspec.yaml中添加依赖项

dependencies:
  zifty: 

2. 运行 flutter pub get

flutter pub get

使用方法

基本实现

1. 获取临时密钥、服务器令牌和模型

// 使用API
Align(
  alignment: Alignment.bottomCenter,
  child: Padding(
    padding: const EdgeInsets.all(16.0),
    child: AudioChatWidget(
      showMuteButton: true,
      horizontalLayout: true,
      initialContext: "User Name is John.",
      headers: const {'Content-Type': 'application/json'},
      credentialsUrl: "Url to get serverToken, apiKey and model",
      getCredentials: _getCredentials, // Either this future method or credentialsUrl way
      onError: (e) {
        ScaffoldMessenger.of(context).showSnackBar(SnackBar(content: Text("Error connecting to audio chat: $e")));
      },
      userToken: "Bearer loggedIn user token(for api calling)[Optional]"
    ),
  ),
);

// 获取凭证通过API

Future<Map<String, String>> _getCredentials() async {
    try {
      final response = await http.post(
        Uri.parse("Url to get authToken and apiKey"),
        headers: {'Content-Type': 'application/json'},
      );

      if (response.statusCode == 200) {
        var apiResponse = json.decode(response.body);
        print(apiResponse);
        return {"apiKey": apiResponse["apiKey"], "serverToken": apiResponse["serverToken"], "model": apiResponse["model"]};
      } else {
        print(
            'Failed to send function call data to API. Status code: ${response.statusCode}');
      }
    } catch (e) {
      print('Error sending function call data to API: $e');
    }
    return {};
}

2. 对于Android用户

在AndroidManifest.xml文件中添加以下权限：

<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
<uses-permission android:name="android.permission.CHANGE_NETWORK_STATE" />
<uses-permission android:name="android.permission.MODIFY_AUDIO_SETTINGS" />
<uses-permission android:name="android.permission.INTERNET"/>
<uses-permission android:name="android.permission.BLUETOOTH" />
<uses-permission android:name="android.permission.BLUETOOTH_ADMIN" />

3. 对于iOS用户

在Info.plist文件中添加以下条目：

<key>NSMicrophoneUsageDescription</key>
<string>$(PRODUCT_NAME) Microphone Usage!</string>

这允许访问用户的麦克风。

注意：如果在使用webrtc时仍然遇到问题，可以尝试解决flutter_webrtc包中提到的问题。

post_install do |installer|
    installer.pods_project.targets.each do |target|
        flutter_additional_ios_build_settings(target)
            target.build_configurations.each do |config|
            config.build_settings['ONLY_ACTIVE_ARCH'] = 'YES' # <= this line
        end
    end
end