react-native-video 后台播放

在rn项目中使用“react-native-video”进行音频播放,设置后台播放的时候,playInBackground这个属性设置为true,在Android上进行播放,程序切换后台还可以继续播放,但是在iOS上切换到后台音乐停止播放。

                    

在github上找了‘https://github.com/react-native-community/react-native-video’翻了很多issue,找到一条关于iOS后台播放的,但是大家都没解决方案。
后来在‘react-native-video’的README.md中就找到人家有说明,是这样的:

image.png

他的意思就是说需要实现iOS后台播放需要在苹果原生代码中进行配置,然后给了一个苹果官方的文档链接,没有具体说明怎么写。

后来我自己找到解决方案,实现了iOS后台播放的问题。

先要在xcode中打开后台处理的设置


react-native-video 后台播放_第1张图片
image.png

就是在AppDelegate.m文件下添加如下配置
引入

#import 

设置全局的key.这段代码直接添加到import下就可以

UIBackgroundTaskIdentifier _bgTaskId;

然后继续添加代码

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions
{
  [[AVAudioSession sharedInstance] setCategory:AVAudioSessionCategoryAmbient error:nil];
}


-(void)applicationWillResignActive:(UIApplication *)application
{
  //开启后台处理多媒体事件
  [[UIApplication sharedApplication] beginReceivingRemoteControlEvents];
  AVAudioSession *session=[AVAudioSession sharedInstance];
  [session setActive:YES error:nil];
  //后台播放
  [session setCategory:AVAudioSessionCategoryPlayback error:nil];
  //这样做,可以在按home键进入后台后 ,播放一段时间,几分钟吧。但是不能持续播放网络歌曲,若需要持续播放网络歌曲,还需要申请后台任务id,具体做法是:
  _bgTaskId=[AppDelegate backgroundPlayerID:_bgTaskId];
  //其中的_bgTaskId是后台任务UIBackgroundTaskIdentifier _bgTaskId;在appdelegate.m中定义的全局变量
}

+(UIBackgroundTaskIdentifier)backgroundPlayerID:(UIBackgroundTaskIdentifier)backTaskId
{
  //设置并激活音频会话类别
  AVAudioSession *session=[AVAudioSession sharedInstance];
  [session setCategory:AVAudioSessionCategoryPlayback error:nil];
  [session setActive:YES error:nil];
  //允许应用程序接收远程控制
  [[UIApplication sharedApplication] beginReceivingRemoteControlEvents];
  //设置后台任务ID
  UIBackgroundTaskIdentifier newTaskId=UIBackgroundTaskInvalid;
  newTaskId=[[UIApplication sharedApplication] beginBackgroundTaskWithExpirationHandler:nil];
  if(newTaskId!=UIBackgroundTaskInvalid&&backTaskId!=UIBackgroundTaskInvalid)
  {
    [[UIApplication sharedApplication] endBackgroundTask:backTaskId];
  }
  return newTaskId;
}

ok。这样再次运行项目就可以实现播放音乐,切换出app的时候,音乐还是在播放。
这样还不完美,没有和控制中心的音乐播放结合起来,后面我会和控制中心结合上了。再更新一篇。

你可能感兴趣的:(react-native-video 后台播放)