如何开发出一款仿映客直播APP项目实践篇 -【服务器搭建+推流】

效果图

推流

Mac搭建nginx+rtmp服务器

参考推酷:Mac搭建nginx+rtmp服务器
步骤:
打开终端, 查看是否已经安装了Homebrew (Mac上好用的第三方安装管理工具), 直接终端输入命令

如果Mac已经安装了, 会显示一些命令的帮助信息. 此时输入Q退出即可, 直接进入第二步.反之, 如果没有安装,执行命令(命令行已更到最新 )

如果安装后, 想要卸载

一、【安装nginx+rtmp服务器】


先clone nginx项目到本地

执行安装:

此时, nginx和rtmp模块就安装好了输入命令:

在浏览器里打开http://localhost:8080如果出现下图, 则表示安装成功

121929699-8b028b1cc1dac818

安装成功

注意: 如果终端上提示

nginx: [emerg] bind() to 0.0.0.0:8080 failed (48: Address already in use)
nginx: [emerg] bind() to 0.0.0.0:8080 failed (48: Address already in use)
nginx: [emerg] bind() to 0.0.0.0:8080 failed (48: Address already in use)
nginx: [emerg] bind() to 0.0.0.0:8080 failed (48: Address already in use)
…..

则表示8080端口被占用了, 查看端口PID

根据端口PID, kill掉(这儿的9603 换成你自己8080端口的PID)

然后重新执行
nginx

最后打开http://localhost:8080验证

3.配置nginx和ramp首先我们查看nginx安装到哪了

如图, 找到nginx.conf文件所在位置

131929699-4e89cc8119032c48

nginx.conf

通过vim或者点击Finder->前往->前往文件夹->输入/usr/local/etc/nginx/nginx.conf->用Xcode打开 nginx.conf 直接滚到最后一行, 在最后一个}(即最后的空白处, 没有任何{}) 后面添加
在http节点后面加上rtmp配置:

然后重启nginx(其中的1.10.1要换成你自己安装的nginx版本号, 查看版本号用nginx -v命令即可)

到此,安装完成!
注意:(如果你命令执行成功, 重启成功了, 没有没有任何异常, 请直接跳转到下一步)执行命令的时候, 报异常

rtmp成了未知指令.
查看你的命令是否敲错 建议直接复制. 如果安装不成功,不妨多试几次!
解决方案:卸载nginx

再次安装nginx

二、【实现推流】


主要有两种封装库来实现推流(基于RTMP协议):

  • FFmpeg推流
  • LFLiveKit推流(采集篇说过)
    简介:FFmoeg集成工程中比较麻烦,但是在终端上运行却很方便 所以在2.1中只做本地视频推流测试有了解的可以参考:iOS下使用FFMPEG的一些总结,相对来说LFLiveKit在工程中集成就方便,而且包含采集、美颜、推流与一身所以推荐
2.1 安装ffmpeg,实现本地视频推流
  1. 执行命令

    安装ffmpeg时间就要长一点了. 如果速度过慢, 建议翻墙. 不过也才50多M的东西, 耐心一点就好.

  2. 等待的时间里, 再下载一个支持rtmp协议的 VLC 视频播放器ffmpeg推流以我桌面的一个loginmovie.mp4
    (自己准备一个视频文件)为例, 执行推流命令

    注意: 更换你的视频地址
    将视频推流到服务器后,打开VLC,然后File->open network->输入:
    rtmp://localhost:1935/rtmplive/room

效果如图

推流
2.2 使用LFLiveKit,实现直播推流

将程序运行在真机上只有真机上才能采集到音频 (代码在底部)

采集端用的LFLive库 只需要在此加入服务器推流地址url即可

#import "CaputuereLiveViewController.h"
#import

注意:
由于搭建是本地服务器(实现外网须穿墙)
1.运行服务器的电脑和手机保证在同一WiFi下
2.在运行在真机的代码中必须把地址换成你自己的电脑IP(192.168.0.2 )(不能再用local 本地了)

151929699-c581a4c35e8ccb13

1.开始手机上运行直播程序

2.然后打开 VLC 中 的 file — Open Network, 直接输入代码中的 url:

161929699-fd8ed02f7d39595a

有些延迟 耐心等待 :

效果图.转.gif

总结 :到此所有的直播主要大致结束 ,当然一个直播还有许多功能: 礼物聊天弹幕连麦等后续整理出来,待完善!喜欢我的朋友可以进行关注!

gitHub代码地址:

Object-C版 : https://github.com/one-tea/ZKKLiveDemo
Swift版 : https://github.com/one-tea/ZKKLiveAPP_Swift3.0

发表评论