**React Native音频录制播放器详细安装配置手册**

React Native音频录制播放器详细安装配置手册

react-native-audio-recorder-player react-native native module for audio recorder and player. 项目地址: https://gitcode.com/gh_mirrors/re/react-native-audio-recorder-player

项目基础介绍及编程语言

React Native音频录制播放器 是一个专为React Native设计的原生模块，旨在提供简单而高效的音频录制与播放功能。它支持安卓和iOS双平台，满足开发者在移动端应用中集成录音与播放的基本需求。项目由JavaScript管理和控制，核心实现部分分别采用Kotlin（对于Android）和Swift（对于iOS），以适应各自的最新特性和性能优化。

关键技术和框架

此项目依赖于React Native的原生扩展机制，利用Kotlin和Swift实现了跨平台的音频处理逻辑。关键技术点包括：

• React Native: 用于构建高性能的移动应用。
• AVFoundation(iOS): 提供iOS上的音频录制和播放能力，特别是通过AVPlayer取代了旧版中的AVAudioPlayer来支持流媒体播放和更多高级功能。
• Android Media APIs: 在Android平台上负责音频的录制与回放。
• Promise: 异步操作的核心，在JavaScript端确保方法调用的非阻塞性质。

安装与配置详细步骤

准备工作

• 确保已安装Node.js和npm或yarn。
• 安装React Native环境，并能够创建和运行基本项目。
• 对于iOS开发，确保Xcode已安装且版本适配。
• 对于Android开发，安装Android Studio并配置好SDK Manager。

安装步骤

1. 添加依赖

对于React Native ≥ 0.61

yarn add react-native-audio-recorder-player
cd ios
pod install

对于React Native < 0.60

yarn add react-native-audio-recorder-player
react-native link react-native-audio-recorder-player

2. 手动配置（若自动安装未成功）

• iOS手动配置

  1. 在Xcode项目导航器中，右击“Libraries”，选择“Add Files to [YourProjectName]”。
  2. 导航到node_modules/react-native-audio-recorder-player并添加RNAudioRecorderPlayer.xcodeproj。
  3. 在你的项目的“Build Phases” -> “Link Binary With Libraries”下加入libRNAudioRecorderPlayer.a。
  4. 如需兼容Swift，确保有Swift Bridging Header并引入。

• Android手动配置

  1. 在MainApplication.java中导入com.dooboolab.audiorecorderplayer.RNAudioRecorderPlayerPackage，并在getPackages()方法中添加新的RNAudioRecorderPlayerPackage()实例。
  2. 更新android/settings.gradle，添加库项目路径。
  3. 在android/app/build.gradle的dependencies里加入对库的编译指令。

3. 权限设置

• iOS: 在Info.plist中添加麦克风使用权限描述：

  <key>NSMicrophoneUsageDescription</key>
  <string>允许$(PRODUCT_NAME)使用您的麦克风进行录音。</string>
  

• Android: 在AndroidManifest.xml中添加以下权限：

  <uses-permission android:name="android.permission.RECORD_AUDIO"/>
  <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE"/>
  <uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE"/>
  

  注意：针对Android 6.0及以上版本，还需动态申请录音权限。

4. Kotlin启用（仅限Android）

确保Android的build.gradle文件中有适配的kotlinVersion，例如：

ext.kotlinVersion = '1.6.10'

至此，您已经完成了React Native音频录制播放器的安装与基本配置。现在可以在项目中导入并开始使用它的API来实现音频录制和播放的功能。记得按照项目文档调整代码以符合您的具体需求。

react-native-audio-recorder-player react-native native module for audio recorder and player. 项目地址: https://gitcode.com/gh_mirrors/re/react-native-audio-recorder-player