React Native（Android）/Expo项目中如何使用FFmpeg访问图片文件并生成视频？

我之前做React Native视频生成项目时，刚好碰到过和你一模一样的问题——FFmpeg没法直接访问APK里的assets/res资源，因为它需要真实的文件系统绝对路径，而require()返回的是RN内部的资源引用，根本不是系统能识别的路径。下面给你两个经过验证的可行方案：

方案一：用React Native FS复制assets文件到可读写目录 #

这是最快捷的JS层解决方案，借助react-native-fs库把assets里的图片复制到应用的私有存储目录（不需要额外权限），然后用这个本地路径给FFmpeg使用。

步骤： #

1. 安装依赖：

npm install react-native-fs --save
# 或者用yarn
yarn add react-native-fs

2. 编写复制逻辑：

import RNFS from 'react-native-fs';

// 复制assets图片到本地目录
async function getLocalImagePath() {
  // 获取RN内部的asset路径（格式为asset:///...）
  const assetUri = require('./assets/img.png').uri;
  // 定义本地存储路径（用应用私有文档目录，无需权限）
  const localFilePath = `${RNFS.DocumentDirectoryPath}/img.png`;

  // 先检查文件是否已经存在，避免重复复制
  const fileExists = await RNFS.exists(localFilePath);
  if (!fileExists) {
    try {
      await RNFS.copyFile(assetUri, localFilePath);
      console.log('图片已复制到本地：', localFilePath);
    } catch (error) {
      console.error('复制失败：', error);
      return null;
    }
  }
  return localFilePath;
}

3. 调用FFmpeg时使用本地路径：

async function generateVideo() {
  const localImgPath = await getLocalImagePath();
  if (!localImgPath) return;

  // 构造FFmpeg命令，输出路径也用私有目录
  const outputPath = `${RNFS.DocumentDirectoryPath}/output.mp4`;
  const ffmpegCmd = `-loop 1 -i "${localImgPath}" -t 10 -r 1 -c:v libx264 "${outputPath}"`;
  
  // 执行FFmpeg命令（这里假设你用的是react-native-ffmpeg库）
  await FFmpeg.execute(ffmpegCmd);
}

方案二：原生Android代码复制assets文件 #

如果你不想依赖第三方库，也可以写原生Android代码来完成assets文件的复制，再通过NativeModule把路径返回给JS层。

步骤： #

1. 在Android项目中创建一个NativeModule：

// 比如在MainApplication.java里添加内部类
public class AssetCopyModule extends ReactContextBaseJavaModule {
    AssetCopyModule(ReactApplicationContext context) {
        super(context);
    }

    @Override
    public String getName() {
        return "AssetCopyModule";
    }

    @ReactMethod
    public void copyAssetToLocal(String assetName, Promise promise) {
        ReactApplicationContext context = getReactApplicationContext();
        String localPath = context.getFilesDir() + "/" + assetName;
        File localFile = new File(localPath);

        if (localFile.exists()) {
            promise.resolve(localPath);
            return;
        }

        try (InputStream is = context.getAssets().open(assetName);
             OutputStream os = new FileOutputStream(localFile)) {
            byte[] buffer = new byte[1024];
            int length;
            while ((length = is.read(buffer)) > 0) {
                os.write(buffer, 0, length);
            }
            promise.resolve(localPath);
        } catch (IOException e) {
            e.printStackTrace();
            promise.reject("COPY_FAILED", "无法复制assets文件");
        }
    }
}

2. 注册NativeModule：
   在MainApplication.java的getPackages()方法里添加：

@Override
protected List<ReactPackage> getPackages() {
    @SuppressWarnings("UnnecessaryLocalVariable")
    List<ReactPackage> packages = new PackageList(this).getPackages();
    // 添加自定义模块
    packages.add(new ReactPackage() {
        @Override
        public List<NativeModule> createNativeModules(ReactApplicationContext reactContext) {
            List<NativeModule> modules = new ArrayList<>();
            modules.add(new AssetCopyModule(reactContext));
            return modules;
        }

        @Override
        public List<ViewManager> createViewManagers(ReactApplicationContext reactContext) {
            return Collections.emptyList();
        }
    });
    return packages;
}

3. 在JS层调用：

import { NativeModules } from 'react-native';
const { AssetCopyModule } = NativeModules;

async function getLocalImagePath() {
  try {
    const localPath = await AssetCopyModule.copyAssetToLocal('img.png');
    console.log('本地路径：', localPath);
    return localPath;
  } catch (error) {
    console.error('复制失败：', error);
    return null;
  }
}

之后就可以用这个路径执行FFmpeg命令了，和方案一的后续步骤一致。

关键说明 #

为什么require()不行？因为React Native的require()返回的是一个内部资源标识符（比如1或者asset:///...），并不是Android文件系统中真实的绝对路径。FFmpeg是直接调用系统的FFmpeg二进制程序，它只能识别系统文件路径，所以必须把assets里的文件复制到可访问的目录才行。

另外，建议使用应用的私有存储目录（比如RNFS.DocumentDirectoryPath或者Android的getFilesDir()），这些目录不需要申请外部存储权限，也不会被系统扫描到，安全性更高。

内容的提问来源于stack exchange，提问作者Asp1re