Expo/React Native如何实现游戏按键类音效的低延迟播放？

你在开发游戏时遇到的expo-av音效延迟问题很常见，针对iOS端的AudioServicesPlaySystemSound，以及通用的低延迟优化方法，给你几个可行的方案：

方案一：用封装了系统低延迟API的第三方库 #

iOS原生的AudioServicesPlaySystemSound确实是低延迟播放的首选，对应的React Native封装库可以用react-native-system-sound，它直接调用系统API，延迟极低。
示例用法：

import SystemSound from 'react-native-system-sound';

// 组件挂载时预加载音效，避免播放时的加载延迟
useEffect(() => {
  SystemSound.prepare(require('assets/sounds/Tink.aiff'));
  return () => {
    SystemSound.release(require('assets/sounds/Tink.aiff'));
  };
}, []);

// 播放音效
const playSound = () => {
  SystemSound.play(require('assets/sounds/Tink.aiff'));
};

注：这个库对iOS的支持更贴合AudioServicesPlaySystemSound，Android端可以搭配使用SoundPool相关的封装来实现低延迟。

方案二：优化expo-av的配置 #

如果不想引入第三方库，可以调整expo-av的参数来降低延迟：

1. 加载音频时配置低延迟的音频模式，同时确保预加载完成：

useEffect(() => {
  const loadSound = async () => {
    const { sound } = await Audio.Sound.createAsync(
      require('assets/sounds/Tink.aiff'),
      { shouldPlay: false },
      {
        ios: {
          audioMode: {
            allowsRecordingIOS: false,
            interruptionModeIOS: Audio.INTERRUPTION_MODE_IOS_DO_NOT_MIX,
            playsInSilentModeIOS: true,
          },
        },
        android: {
          audioMode: {
            allowsRecordingAndroid: false,
            interruptionModeAndroid: Audio.INTERRUPTION_MODE_ANDROID_DO_NOT_MIX,
            playsInSilentModeAndroid: true,
          },
        },
      }
    );
    setSound(sound);
  };
  loadSound();

  return sound ? () => sound.unloadAsync() : undefined;
}, [sound]);

2. 替换replayAsync()为setPositionAsync(0) + playAsync()，减少重置音频带来的额外开销：

async function playSound() {
  if (!sound) return;
  await sound.setPositionAsync(0);
  await sound.playAsync();
}

3. 选用适合低延迟的音频格式：iOS优先用.aiff或.wav，Android用.ogg或.wav，避免MP3这类需要实时解码的压缩格式。

方案三：Bare Workflow下直接集成原生代码 #

如果你的项目是bare workflow（而非Expo managed workflow），可以自己写原生模块：

• iOS端：直接在原生代码中调用AudioServicesPlaySystemSound，通过RN的桥接暴露给JS层。
• Android端：使用SoundPool来实现低延迟音效播放，同样桥接到JS层。

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