如何在Expo托管工作流中加速React Native的ImagePicker.launchImageLibraryAsync()

一、视频加载耗时久的原因 #

你代码里的videoExportPreset参数会触发Expo ImagePicker对选中视频执行转码导出操作——它需要先解码原视频，再按你指定的H264_640x480规格重新编码，这个过程对CPU资源消耗极大，长视频的处理时间自然会接近视频本身时长。

而Twitter这类应用在选择视频后，并没有立刻执行转码，只是读取了视频的缩略图和元数据（比如时长）用来展示预览，转码上传的操作是在后台异步进行的，所以用户感知不到等待。另外，原视频的分辨率、码率越高，设备性能越弱，转码耗时会进一步增加。

二、优化方案 #

1. 跳过即时转码，快速获取视频时长 #

如果业务不需要立刻将视频转码到指定规格，可以直接去掉videoExportPreset参数，ImagePicker会返回视频的本地URI，借助expo-media-library就能快速读取时长，不用等转码完成：

import * as MediaLibrary from 'expo-media-library';

// 获取视频时长的工具函数
async function getVideoDuration(uri) {
  const assetInfo = await MediaLibrary.getAssetInfoAsync(uri);
  return assetInfo.duration; // 返回值单位为秒
}

// 修改后的选择逻辑
let result: any = await ImagePicker.launchImageLibraryAsync({
    mediaTypes: ImagePicker.MediaTypeOptions.All,
    allowsMultipleSelection: true,
    selectionLimit: 8,
    // 移除videoExportPreset，避免即时转码
});

if (!result.canceled) {
  for (const asset of result.assets) {
    if (asset.type === 'video') {
      const duration = await getVideoDuration(asset.uri);
      if (duration > 30) {
        // 立刻提示用户视频过长，无需等待转码
        alert('视频时长不能超过30秒');
      } else {
        // 这里再执行转码或上传操作
      }
    }
  }
}

2. 若必须转码，先过滤再处理 #

如果业务要求必须转码到指定规格，就先按上面的方法获取时长，只对30秒以内的视频执行转码，避免无用的资源消耗。

3. 原生层过滤视频时长（进阶方案） #

Expo ImagePicker本身没有提供直接过滤视频时长的配置项，如果想在相机胶卷选择界面就只显示30秒以内的视频，需要使用原生平台的媒体选择器API：

• iOS：用PHFetchOptions设置predicate条件过滤视频时长
• Android：以MediaStore.Video.Media.DURATION作为查询条件筛选

如果你的应用是Expo托管工作流，可以开发自定义Expo模块来实现这个功能。

总结 #

优先推荐移除videoExportPreset，先获取元数据做时长校验，这样用户能立刻得到反馈，同时避免不必要的转码耗时。如果必须转码，就先过滤再处理；要是需要在选择界面直接过滤，就得依赖原生方案实现。

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