现今，直播市场热火朝天，不少人喜欢在手机端安装各类直播 App，便于随时随地观看直播或者自己当主播。作为开发者来说，搭建一个稳定性强、延迟率低、可用性强的直播平台，需要考虑到部署视频源、搭建聊天室、优化界面等难题，具备一定的难度与挑战！
那假如自己搭建一个直播平台，该如何下手呢？莫慌，本文就给大家详细介绍如何搭建一个 iOS 系统的直播 App？
想要实现直播 App ，我们得先知道如何播放从服务器传来的视频数据。
目前，主流视频直播网站使用的协议多为
。因为 RTMP 延迟较低，更适合用来作直播的协议，而 HLS 则更适合点播。
这里我们就使用 RTMP 来做一个直播 App。
搭建一个直播 App ，只需要 5 个步骤：
部署视频源
集成 ijkplayer
集成云巴 SDK
横屏实现弹幕
现在，市面上有非常多提供视频源的第三方服务，这里我们选择了 。具体的部署过程可以参考
，这里不细说，文档讲得很清楚。
部署完后，我们就拿到了视频源地址："rtmp:///yunba/live-demo"。
部署完视频后，我们继续接下来的操作。
因为 iOS 自带的 AVplayer 不支持 rtmp 格式的视频流播放，所以我们需要使用第三方库。
GitHub 中开源又常见的 rtmp 流播放器中，较为成熟的是 bilibili 开源的 。
它基于 ffmpeg，支持 Android 和 iOS，视频流和本地视频的播放都很强大。这里我们讲怎么集成 ijkplayer 来播放 rtmp 视频流。
为了方便开发者集成，我们已经将 ijkplayer 工程编译成了 framework 并放在了 （密码：rb9q）内。
我们将下载好的 framework 文件拖入我们的 project 中，然后在 （图1）
中往下翻，点 Linked Frameworks and libraries 中按 + 号（图2）
添加下面这些依赖库（图3）
我们的集成就完成了。
我们在 ViewController 中加上代码：
var player: IJKFFMoviePlayerController!
接下来，我们在 ViewController 的 viewDidLoad 中添加如下代码：
let options = IJKFFOptions.byDefault()
let url = URL(string: "rtmp:///yunba/live-demo")
player = IJKFFMoviePlayerController(contentURL: url, with: options)
let autoresize = UIViewAutoresizing.flexibleWidth.rawValue |
UIViewAutoresizing.flexibleHeight.rawValue
player.view.autoresizingMask = UIViewAutoresizing(rawValue: autoresize)
player.scalingMode = .aspectFit
player.shouldAutoplay = true
view.autoresizesSubviews = true
view.addSubview(player.view)
最后再在 viewWillAppear 中添加：
player.prepareToPlay()
我们运行模拟器，就可以看到视频了。（图4）
因为代码中已经添加了屏幕适应，当我们旋转模拟器时，就能看到视频自动地适应了屏幕。
当然，这里只有视频是不够的，我们还需要弹幕。
竖屏状态下，因为视频以 16:9 的比例适应屏幕，没有足够的空间显示弹幕，所以我们做了一个类似聊天室的页面。
我们以播放视频的 View 举例，搭建一个直播 UI。我们打开 main.storyboard 。
我们先将一个 View 放在 Controller 的上边，设置背景为黑色。 （图5、图6）
按住 shift 右键拖拽到父 View ，添加如下约束，点击 Add Constraints。 （图7）
接着我们将比例设置成 16:9 ，设置高度为长度 × 9 / 16 并勾选 Aspect Ratio，点击 Add Constraints。（图8）
然后通过右键拖拽的方式添加 outlet 到 ViewController。 （图9）
同理，可搭建界面的其他元素，最终我们得到类似下面的界面。（图10）
（注意，这里我们将&view.addSubview&改成了 &playerView.addSubview&&并添加了 &autolayout&&。）
我们再次运行，发现播放窗口集中在 playerView 上了。（图11）
接下来，我们需要处理聊天室和弹幕需要的业务支撑。
在众多提供此类服务的第三方中，我们选择使用
的 SDK 。基于 MQTT，采用 Erlang/OTP 架构设计的云巴实时通信云服务，是一个 Pub/Sub 模型的双向实时系统，通过透明传输，可为直播平台实现所有的实时消息传输。
接着，我们来集成云巴的 SDK。
我们登录云巴的网站
进行注册并登录。（图12）
登录后，点击侧栏 “应用管理” ，再点击“创建应用”，填写应用名以及包名。（图13）
创建后，我们可以从 “应用列表”→“管理”→“应用详情” 内，看到该应用的 AppKey&，我们将它复制下来。
接下来，我们来集成云巴的 SDK，点击&。
我们将下载的 SDK 解压并添加到项目中，并添加相应的依赖库 （图14、图15）
在 appDelegate 的 &application didFinishLaunchingWithOptions&&中加入如下代码，并将 &String!&&替换成刚才复制的 AppKey ：
YunBaService.setup(withAppkey: String!)
集成就完成了。
我们先定义 3 个 （频道），用来实现 3 个不同功能，分别是 &topicBullet&，&topicStat&，&topicLike&&。
再添加一个方法来让云巴 SDK 给我们发送通知：
@objc func onMessageReceived(notification: Notification) {
if let message = notification.object as? YBMessage {
switch message.topic {
case topicBullet: //接收到弹幕，更新 table
case topicStat: //此处更新 在线人数
case topicLike: //此处更新 喜欢
default: break
然后再在 viewDidLoad 中添加如下代码：
YunBaService.subscribe(topicBullet, resultBlock: nil)
YunBaService.subscribe(topicLike, resultBlock: nil)
YunBaService.subscribe(topicStat, resultBlock: nil)
NotificationCenter.default.addObserver(
self, selector: #selector(ViewController.onMessageReceived(notification:)),
name: NSNotification.Name.ybDidReceiveMessage, object: nil
订阅相应的 Topic 来分别支持弹幕、喜欢、在线人数和用户名功能。
在发送按钮的 outlet 中，我们加入如下代码：（&data&&为弹幕相应的 model ，比如信息、颜色等；你可以根据你的具体需要设置 data ，故这里留白。）
YunBaService.publish(topicBullet, data: data, resultBlock: nil)
来向云巴的服务器发送消息。
非常简单的几个步骤，我们就实现了需要的业务功能。
接下来，我们来实现横屏状态下的弹幕。
这个第三方库来进行弹幕相关的操作。
这个库是由
所写的一个弹幕渲染引擎，相比其他弹幕库更为好用，因此我们选用该第三方库。
这是一个 iOS 使用弹幕的第三方库，使用较为简单，支持四个方向。
同样地，为了方便开发者集成，我们已经将 BarrageRenderer 编译后的文件上传到了 （密码：rb9q）内。
我们将下载到的 BarrageRenderer 拖入项目中。（图16）
接着我们在 ViewController 中添加代码：
var renderer = BarrageRenderer()
然后再在 viewVillAppear 中添加代码：
playerView.addSubview(renderer.view)
renderer.start()
接着就是定义弹幕了，我们在上文中接收到弹幕，更新 Table 的部分，加上如下代码：
let descriptor = BarrageDescriptor()
descriptor.spriteName = NSStringFromClass(BarrageWalkTextSprite.self)
descriptor.params["text"] = //弹幕内容
descriptor.params["textColor"] = //弹幕颜色
descriptor.params["side"] = BarrageWalkSide.default.rawValue
descriptor.params["direction"] = BarrageWalkDirection.R2L.rawValue
renderer.receive(descriptor)
我们再运行 Demo ，每当我们接收到一条消息的时候，就能在播放器中看到一条滚动的弹幕。
当跑完上面所有的程序之后，我们来测试一下 Demo。
我们在底部文字栏内键入“ Hello Yunba~ ”，可以看到弹幕实时地在视频播放器内从右至左滚动显示。此外，界面内还可以实时显示 在线人数 和 点赞数 等，基本满足了聊天室的通用功能。
如果你想获取更多的信息，可点击
进行查看。
阅读(...) 评论()签到成功!您今天第{todayrank}个签到，签到排名竞争激烈，记得每天都来签到哦！签到日记2013-06已连续签到:{constant}天，累计签到:{days}天
查看: 49|回复: 0
ios的系统到底怎么直播这个游戏
-3132/0主题帖子积分
, 积分 -3132, 距离下一级还需 3132 积分
ios的系统到底怎么直播这个游戏
应用推荐 /4
直播：电视家直播就是高清！
点播：爱奇艺优酷搜狐乐视！
美女：性感清纯衣服就是少！
智能：遥控电视瞬间变电脑！
全新改版，更多赛事看不停
空间清理功能，一键清理垃圾
专属频道聚合页，查找更方便
丰富正版内容、高清流畅体验
优酷TV版最新版，下载即可观看
海量高清免费电影、电视剧片源，
拥有业界最丰富的节目资源，
舒适休闲的视频观看体验。
画面清晰 播放流畅 界面友好；
最新电影、3D大片、电视剧；
最全独家动漫、1080P高清；
海量综艺娱乐内容，免费观看。
打开手机扫一扫视频直播如何做一个 iOS 上的物理引擎小游戏 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
已注册用户请 &
iOS 开发实用技术导航
NSHipster 中文版
cocos2d 开源 2D 游戏引擎
Google Analytics for Mobile 统计解决方案
Design Guides and Resources
Transcripts of WWDC sessions
Cocoa with Love
Cocoa Dev Central
iOS 开发实用书单
Style Guides
Useful Tools and Services
视频直播如何做一个 iOS 上的物理引擎小游戏
21:33:57 +08:00 · 1725 次点击
3 回复 &| &直到
10:55:12 +08:00
& & 00:27:06 +08:00
Livid 的新头像好不习惯。。
& & 09:19:31 +08:00
iso这系统不错啊
& & 10:55:12 +08:00
网站代码不是开源的?
屏幕录像用的啥技术?
& · & 1335 人在线 & 最高记录 2477 & · &
创意工作者们的社区
World is powered by solitude
VERSION: 3.9.7.5 · 46ms · UTC 12:58 · PVG 20:58 · LAX 05:58 · JFK 08:58? Do have faith in what you're doing.