Expo-AV播放静音视频致后台音乐暂停问题求助

问题核心：使用Expo AV的Video组件播放静音背景视频时，应用最小化会导致后台Spotify/Apple Music等音频自动暂停，移除组件后恢复正常。

解决思路 #

本质原因是Video组件默认会占用系统音频会话，即便设置了isMuted={true}，仍会抢占后台音频焦点。需要通过配置音频会话模式，让系统将该视频判定为无音频优先级的内容，避免干扰后台播放。

具体实现步骤 #

• 导入expo-av的Audio模块，在组件挂载时将音频会话设置为Ambient模式——该模式允许当前应用与其他音频应用共存，不会抢占后台音频焦点；
• 组件卸载时恢复默认音频模式，避免影响应用其他功能的音频逻辑。

修改后的组件代码：

import { Video, Audio } from 'expo-av';
import { useEffect } from 'react';

const intro = require('@/assets/videos/welcome_intro.mp4');

export const Background = () => {
  useEffect(() => {
    // 初始化音频会话为Ambient模式
    const setupAudioSession = async () => {
      await Audio.setAudioModeAsync({
        allowsRecordingIOS: false,
        playsInSilentModeIOS: true,
        staysActiveInBackground: false,
        interruptionModeIOS: Audio.INTERRUPTION_MODE_IOS_DO_NOT_MIX,
        interruptionModeAndroid: Audio.INTERRUPTION_MODE_ANDROID_DO_NOT_MIX,
        // 关键配置：Ambient模式，不抢占后台音频
        mode: Audio.MODE_AMBIENT,
      });
    };

    setupAudioSession();

    // 组件卸载时恢复默认音频模式
    return async () => {
      await Audio.setAudioModeAsync({
        mode: Audio.MODE_DEFAULT,
      });
    };
  }, []);

  return (
    <Video
      style={{ position: 'absolute', width: '100%', height: '100%' }}
      source={intro}
      resizeMode="cover"
      isLooping={true}
      isMuted={true}
      shouldPlay={true}
    />
  );
};

额外说明 #

• MODE_AMBIENT模式下，系统会将当前应用的音频视为次要内容，不会中断后台正在播放的音乐；
• 如果视频本身没有音频轨道，可额外添加audioOnly={false}属性（Expo Video默认会自动检测，但显式设置更稳妥）；
• 建议在iOS和Android双平台测试，部分系统版本可能需要微调interruptionMode参数，但MODE_AMBIENT是解决问题的核心配置。

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