如何使用React Native为视频添加音频背景

npm install -g react-native-cli

react-native init YourProjectName

cd YourProjectName
npm install react-native-video react-native-track-player --save

import com.brentvatne.react.ReactVideoPackage;
import com.reactnativecommunity.slider.ReactSliderPackage;
import com.reactnativecommunity.trackplayer.TrackPlayer;
import com.reactnativecommunity.trackplayer.TrackPlayerAudioTestingPackage;

// ...

@Override
protected List<ReactPackage> getPackages() {
  @SuppressWarnings("UnnecessaryLocalVariable")
  List<ReactPackage> packages = new PackageList(this).getPackages();
  packages.add(new ReactVideoPackage());
  packages.add(new ReactSliderPackage());
  packages.add(new TrackPlayerAudioTestingPackage());
  return packages;
}

import React from 'react';
import { View } from 'react-native';
import Video from 'react-native-video';
import TrackPlayer from 'react-native-track-player';

const App = () => {
  const videoPath = 'path_to_video_file';
  const audioPath = 'path_to_audio_file';

  TrackPlayer.setupPlayer().then(() => {
    TrackPlayer.add({
      id: 'background_audio',
      url: audioPath,
    });
  });

  return (
    <View>
      <Video
        source={{ uri: videoPath }}
        style={{ width: '100%', height: '100%' }}
        resizeMode="cover"
        repeat
        muted
      />
    </View>
  );
};

export default App;

react-native run-android