iOS投屏iOS实践iOS开发

使用AVPlayer和AirPlay然后投屏的坑

2020-03-04  本文已影响0人  cj小牛

项目描述

 我们公司是一个做智能家居的公司,公司主要产品是灯具,最斤在做一个通过app 音乐控灯的的app。
 实现思路,在网上拿到歌曲为加密的歌曲(爬的别人的接口),然后对歌曲信息进行分析,通过自己的服务器和算法,生成控灯的指令。然后app 通过socket 从服务器拿到控灯指令,和app 播放音乐播放的速度,实现同步控制音乐。总的来说播放效果很不错。

项目中AirPlay 使用遇到的问题

我使用的是AVPlayer 来播放的远程歌曲,在投屏的时候TV却只有声音没有想appleMusic和网易一样的图像。

简单说说AirPlay 的使用

  1. 首先设置应用在后台播放的权限

    AVAudioSession *session = [AVAudioSession sharedInstance];
    [session setCategory:AVAudioSessionCategoryPlayback error:nil];
    [session setActive:YES error:nil];
    

2 .在Xcode 中勾选如下图权限


8DFA0F10-25F0-4AE0-B1D0-1A9C9E45A916.png
  1. 在程序中导入AirPlay 图片
    在导入AirPlay 图片的时候有两种方式
  2. AVRoutePickerView 在iOS11后使用的。
  3. MPVolumeView 在iOS 11前使用。
    这两个定义好后,回生成系统的AirPlay图片,也可自定义图标,但是apple 对UI有一些规范的东西()。同时点击这个图片就可以打开系统的AirPlay设备选择页面。
可系统弹出的AirPlay选项

实现的具体代码

    if (@available(iOS 11.0, *)) {
          _pickerView = [[AVRoutePickerView alloc]initWithFrame:CGRectMake(0, 0, 30, 30)];
           _pickerView.delegate = self;
             for (UIView *view in _pickerView.subviews) {
                         if ([view isKindOfClass:[UIButton class]]) {
                             UIButton *button = (UIButton *)view;
                             [button removeFromSuperview];
                          }
                      }
          
               [self addSubview:_pickerView];
        } else {
              MPVolumeView *mpAirplayView = [[MPVolumeView alloc] init];

                        [mpAirplayView setRouteButtonImage:nil forState:UIControlStateNormal];
                        [mpAirplayView setShowsVolumeSlider:NO];
                        _mpAirplayView = mpAirplayView;
                       
                        [self addSubview:mpAirplayView];
        }
    }
  1. 将媒体播放器添加到您的应用
    使用API​​通过MediaPlayer集成来自定义AirPlay的采用。如果使用,则可以接收远程命令。如果使用,则可以将当前正在播放的曲目告知系统元数据。
  1. 通过以上步骤后就可以通过AirPlay 在设备上可以播放音乐了。但是屏幕确是黑屏的。但是网易,applemusic 是有图片信息的。这个问题先是看了官方文档然后在网上看了很多资料都没有找到解决方法,在github上也看了很多代码,也没找到方法。不停的尝试,以为是播放地址的问题,音乐格式的问题,费了几天功夫,心态接近崩溃了。最后在休息一夜后在细读官方文档,然后终于有了发现。
官方文档中关于开启和禁用airPlay的描述

在您的应用中启用或禁用AirPlay

当您的应用使用AV Foundation,一个[MPMoviePlayerController](https://developer.apple.com/documentation/mediaplayer/mpmovieplayercontroller)或多个[UIWebView](https://developer.apple.com/documentation/uikit/uiwebview)类显示视频时,会自动为视频启用AirPlay 。如有必要,您可以为应用的视频明确禁用AirPlay。确切的方法取决于您用于视频播放的API。

如果您的应用程序使用AVPlayer

中问题意思如下 如果您的应用使用[AVPlayer](https://developer.apple.com/documentation/avfoundation/avplayer)该类显示视频,则可以通过将[allowsAirPlayVideo](https://developer.apple.com/documentation/avfoundation/avplayer/1624258-allowsairplayvideo)属性设置为来显式启用AirPlay YES

问题解决

原来我用airPlay 投屏,投的是AVPlayer,我们的远程播放格式是Mp3格式的,肯定会是黑屏的。
解决方法,禁用AVPalyer 的投屏功能。

_avPlayer.allowsExternalPlayback = NO;

这样完美解决问题,和appMusi 的airplay 在TV显示效果一致。

问题总结

  1. 知识点储备还欠缺。
  2. 调整好心态,多看官方文档,比你Goole或者百度强。
上一篇 下一篇

猜你喜欢

热点阅读