iOS - 使用 ReplayKit Live 实现第三方直播

一、基本流程

  • 被直播端接入 #import <ReplayKit/ReplayKit.h> 框架。添加用于发起广播请求的入口。
  • 接入的第三方 app 需要接入Broadcast UI 和 Broadcast Upload 两个拓展。这样当直播端发起广播请求的时候,会在列表中找到支持的 App。


    ReplayKit Live 流程图.png

二、发起端具体实现

  • 首先看一下调用 App 端需要实现的代码:
//在需要被录制的 App 中添加个入口,例如按钮,点击的时候调用如下方法
#pragma mark action 录制点击
-(IBAction)replayLiveClick:(id)sender {
    //发起请求
    [RPBroadcastActivityViewController loadBroadcastActivityViewControllerWithHandler:^(RPBroadcastActivityViewController * _Nullable broadcastActivityViewController, NSError * _Nullable error) {
        if (error != nil) {
            NSLog(@"%@",error);
            return;
        }
        broadcastActivityViewController.delegate = self;
        [self presentViewController:broadcastActivityViewController animated:true completion:^{
        }];
    }];
}
#pragma mark action 暂停直播
-(IBAction)pauseClick:(id)sender {
    [self.broadcastViewController pauseBroadcast];
    NSLog(@"pause");
}
#pragma mark action 继续直播
-(IBAction)resumeClick:(id)sender {
    [self.broadcastViewController resumeBroadcast];
    NSLog(@"resume");
}
#pragma mark action 完成直播
-(IBAction)finishClick:(id)sender {
    [self.broadcastViewController finishBroadcastWithHandler:^(NSError * _Nullable error) {
        if (error) {
            NSLog(@"%@",error);
        }
        NSLog(@"finish");
    }];
}
//需要遵守代理<RPBroadcastActivityViewControllerDelegate>
#pragma mark ------------------ broad代理方法 ------------------
-(void)broadcastActivityViewController:(RPBroadcastActivityViewController *)broadcastActivityViewController didFinishWithBroadcastController:(RPBroadcastController *)broadcastController error:(NSError *)error{
    NSLog(@"%s",__func__);
    if (error) {
        NSLog(@"%@",error);
    }
    [self dismissViewControllerAnimated:true completion:nil];
//使用相机
    [RPScreenRecorder sharedRecorder].cameraEnabled = true;
//使用麦克风
    [RPScreenRecorder sharedRecorder].microphoneEnabled = true;
    self.broadcastViewController = broadcastController;
//开始录制
    [broadcastController startBroadcastWithHandler:^(NSError * _Nullable error) {
        NSLog(@"开始录");
        if (error) {
            NSLog(@"%@",error);
        }
        [[RPScreenRecorder sharedRecorder].cameraPreviewView setFrame:CGRectMake(0, KeyHeight - 100, 100, 100)];
        [self.view addSubview:[RPScreenRecorder sharedRecorder].cameraPreviewView];
    }];
}

当调用 replayLiveClick 方法之后会出现支持 Broadcast 功能的 App 列表,以我的 snake Demo 为例会出现这样的界面:

Snake.PNG

大家可以尝试使用 Mobcrush 来尝试,我使用 Mobcrush 已经测试成功。映客的话总报错。
那么选择 Mobcrush 来尝试一下,会出现这样的界面,这个界面就是接下来支持客户端中 Broadcast UI 的界面。可以通过这个界面去传递输入一些参数,传递给之后的 BroadcastUpload。

  • 这里因为我的 Mobcrush 已经登录了,所以直接显示的是让我创建一个直播的界面,如果没有登录界面可能会是让你登录的样子,具体自己可以尝试一下。


    IMG_2242.PNG
  • 接着随便输入一个 title 然后点击 START BROADCAST,当点击完成之后,会调用
-(void)broadcastActivityViewController:(RPBroadcastActivityViewController *)broadcastActivityViewController didFinishWithBroadcastController:(RPBroadcastController *)broadcastController error:(NSError *)error

代理方法,在这个方法内开始实现录屏。


IMG_2243.PNG

三、被调用端实现

  • 首先添加 BroadcastUI 和 BroadcastUpload 拓展


    BroadcastUI 和 BroadcastUpload.png
  • 自定制 BroadcastUI 界面,对应着上面 Mobcrush 中点击的时候调起的界面。


    自定制.png
//UI 中对应的方法
-(IBAction)cancelClick:(id)sender {
    NSLog(@"%s",__func__);
    [self userDidCancelSetup];
}
-(IBAction)okClick:(id)sender {
    NSLog(@"%s",__func__);
    [self userDidFinishSetup];
}
//系统自带
// Called when the user has finished interacting with the view controller and a broadcast stream can start
-(void)userDidFinishSetup {
    // Broadcast url that will be returned to the application
    NSURL *broadcastURL = [NSURL URLWithString:@"http://broadcastURL_example/stream1"];
    // Service specific broadcast data example which will be supplied to the process extension during broadcast
    NSString *userID = @"user1";
    NSString *endpointURL = @"http://broadcastURL_example/stream1/upload";
    NSDictionary *setupInfo = @{ @"userID" : userID, @"endpointURL" : endpointURL };
    // Set broadcast settings
    RPBroadcastConfiguration *broadcastConfig = [[RPBroadcastConfiguration alloc] init];
    broadcastConfig.clipDuration = 5.0; // deliver movie clips every 5 seconds
    // Tell ReplayKit that the extension is finished setting up and can begin broadcasting
//传递 setupInfo
    [self.extensionContext completeRequestWithBroadcastURL:broadcastURL broadcastConfiguration:broadcastConfig setupInfo:setupInfo];
}
-(void)userDidCancelSetup {
    // Tell ReplayKit that the extension was cancelled by the user
    [self.extensionContext cancelRequestWithError:[NSError errorWithDomain:@"YourAppDomain" code:-1     userInfo:nil]];
}
  • 最后来看 BroadcastUpload 中,默认是会创建 2 个类,MovieClipHandler 和 SampleHandler,也对应着两种直播方式:
    • 将视频和音频编码为一小段mp4文件,交给直播扩展
    • 将屏幕和声音的原始数据交给扩展
      方式1延迟高,不灵活,优点是扩展app无须关心编码问题;方式2可以自定义发送的内容,可配置性高。目前SDK仅支持第二种方式。由于Xcode默认使用了方式1,因此需要修改直播扩展Info.plist到如图所示


      屏幕快照 2017-01-10 下午11.10.13.png
#import "SampleHandler.h"
#import "ReplayKitUploader.h"
//  To handle samples with a subclass of RPBroadcastSampleHandler set the following in the extension's Info.plist file:
//  - RPBroadcastProcessMode should be set to RPBroadcastProcessModeSampleBuffer
//  - NSExtensionPrincipalClass should be set to this class
@implementation SampleHandler
-(void)broadcastStartedWithSetupInfo:(NSDictionary<NSString *,NSObject *> *)setupInfo {
    // User has requested to start the broadcast. Setup info from the UI extension will be supplied.
    NSLog(@"进行视频流的一些初始化工作");
    [[ReplayKitUploader sharedObject] setInfo:setupInfo];
}
-(void)broadcastPaused {
    // User has requested to pause the broadcast. Samples will stop being delivered.
//暂停
    NSLog(@"%s",__func__);
}
-(void)broadcastResumed {
    // User has requested to resume the broadcast. Samples delivery will resume.
//继续
    NSLog(@"%s",__func__);
}
-(void)broadcastFinished {
    // User has requested to finish the broadcast.
//结束
    NSLog(@"%s",__func__);
}
-(void)processSampleBuffer:(CMSampleBufferRef)sampleBuffer withType:(RPSampleBufferType)sampleBufferType {
    //这里来发送音频视频数据
    NSLog(@"发送音频视频数据");
    switch (sampleBufferType) {
        case RPSampleBufferTypeVideo:
            // Handle audio sample buffer
            break;
        case RPSampleBufferTypeAudioApp:
            // Handle audio sample buffer for app audio
            break;
        case RPSampleBufferTypeAudioMic:
            // Handle audio sample buffer for mic audio
            break;
        default:
            break;
    }
[[ReplayKitUploader sharedObject]handleBuffer:sampleBuffer];  
}
@end

四、运行查看

  • 查看Broadcast UI


    IMG_2246.PNG
  • 查看 Broadcast Upload 运行中的 log

2017-01-10 23:14:04.776167 ReplayKitUpload[4224:210651] 进行视频流的一些初始化工作
2017-01-10 23:14:04.777215 ReplayKitUpload[4224:210651] info = {
    endpointURL = "http://broadcastURL_example/stream1/upload";
    userID = user1;
}
2017-01-10 23:14:05.271903 ReplayKitUpload[4224:210652] 发送音频视频数据
2017-01-10 23:14:05.272001 ReplayKitUpload[4224:210652] -[ReplayKitUploader handleBuffer:]
2017-01-10 23:14:05.276273 ReplayKitUpload[4224:210648] 发送音频视频数据
2017-01-10 23:14:05.276462 ReplayKitUpload[4224:210648] -[ReplayKitUploader handleBuffer:]
2017-01-10 23:14:05.297799 ReplayKitUpload[4224:210651] 发送音频视频数据
2017-01-10 23:14:05.297895 ReplayKitUpload[4224:210651] -[ReplayKitUploader handleBuffer:]
2017-01-10 23:14:05.321041 ReplayKitUpload[4224:210648] 发送音频视频数据
2017-01-10 23:14:05.321147 ReplayKitUpload[4224:210648] -[ReplayKitUploader handleBuffer:]
2017-01-10 23:14:05.346496 ReplayKitUpload[4224:210650] 发送音频视频数据
2017-01-10 23:14:05.346621 ReplayKitUpload[4224:210650] -[ReplayKitUploader handleBuffer:]
2017-01-10 23:14:05.349972 ReplayKitUpload[4224:210651] 发送音频视频数据
2017-01-10 23:14:05.350073 ReplayKitUpload[4224:210651] -[ReplayKitUploader handleBuffer:]
//点击 pause
2017-01-10 23:15:00.100968 ReplayKitUpload[4224:210651] -[SampleHandler broadcastPaused]
//点击 resume
2017-01-10 23:15:44.427305 ReplayKitUpload[4224:210650] -[SampleHandler broadcastResumed]
2017-01-10 23:15:44.973824 ReplayKitUpload[4224:210650] 发送音频视频数据
2017-01-10 23:15:44.973921 ReplayKitUpload[4224:210650] -[ReplayKitUploader handleBuffer:]
2017-01-10 23:15:44.988761 ReplayKitUpload[4224:212103] 发送音频视频数据
2017-01-10 23:15:44.988865 ReplayKitUpload[4224:212103] -[ReplayKitUploader handleBuffer:]
//点击 finished
handleBuffer:]
2017-01-10 23:16:07.694806 ReplayKitUpload[4224:210650] -[SampleHandler broadcastFinished]
2017-01-10 23:16:07.695986 ReplayKitUpload[4224:212166] 发送音频视频数据
2017-01-10 23:16:07.697114 ReplayKitUpload[4224:212166] -[ReplayKitUploader handleBuffer:]
2017-01-10 23:16:07.697291 ReplayKitUpload[4224:212166] 发送音频视频数据
2017-01-10 23:16:07.697458 ReplayKitUpload[4224:212166] -[ReplayKitUploader handleBuffer:]
2017-01-10 23:16:07.697563 ReplayKitUpload[4224:212166] 发送音频视频数据
2017-01-10 23:16:07.697626 ReplayKitUpload[4224:212166] -[ReplayKitUploader handleBuffer:]
2017-01-10 23:16:07.698168 ReplayKitUpload[4224:212166] 发送音频视频数据
2017-01-10 23:16:07.698234 ReplayKitUpload[4224:212166] -[ReplayKitUploader handleBuffer:]
2017-01-10 23:16:07.698310 ReplayKitUpload[4224:212166] 发送音频视频数据
2017-01-10 23:16:07.698353 ReplayKitUpload[4224:212166] -[ReplayKitUploader handleBuffer:]
Program ended with exit code: 0
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 159,117评论 4 362
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 67,328评论 1 293
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 108,839评论 0 243
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 44,007评论 0 206
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 52,384评论 3 287
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 40,629评论 1 219
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 31,880评论 2 313
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 30,593评论 0 198
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 34,313评论 1 243
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 30,575评论 2 246
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 32,066评论 1 260
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 28,392评论 2 253
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 33,052评论 3 236
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 26,082评论 0 8
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 26,844评论 0 195
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 35,662评论 2 274
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 35,575评论 2 270

推荐阅读更多精彩内容