您的位置:首页 > 移动开发

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

2017-11-02 15:50 736 查看
如何开发出一款仿映客直播APP项目实践篇 -【原理篇】
如何开发出一款仿映客直播APP项目实践篇 -【采集篇 】
如何开发出一款仿映客直播APP项目实践篇 -【服务器搭建+推流】
如何开发出一款仿映客直播APP项目实践篇 -【播放篇】

前言:有了服务器的构建 ,就可以将手机端采集视频传输到服务器 ,可以在从服务器拉流,实现直播,延迟大约3-4秒!

效果图



推流


Mac搭建nginx+rtmp服务器

参考推酷:Mac搭建nginx+rtmp服务器

步骤:

打开终端, 查看是否已经安装了Homebrew (Mac上好用的第三方安装管理工具), 直接终端输入命令

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

1

/usr/bin/ruby
-e
"$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
如果安装后, 想要卸载

1/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/uninstall)

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

先clone nginx项目到本地

1

brew
tap
homebrew/nginx

执行安装:

1brew install nginx-full --with-rtmp-module
此时, nginx和rtmp模块就安装好了输入命令:

1

nginx

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





安装成功

注意:
如果终端上提示

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

1lsof -i tcp:8080
根据端口PID, kill掉(这儿的
9603
换成你自己
8080
端口的PID)

1

kill
9603

然后重新执行

nginx


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

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

1brew info nginx-full
如图, 找到nginx.conf文件所在位置

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


1

2

3

4

5

6

7

8

9

rtmp
{

server
{

listen
1935;

application
rtmplive
{

live
on;

record
off;

}

}

}

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

1/usr/local/Cellar/nginx-full/1.10.1/bin/nginx -s reload
到此,安装完成!
注意:
(如果你命令执行成功, 重启成功了, 没有没有任何异常, 请直接跳转到下一步)执行命令的时候, 报异常

1

nginx:
[emerg]
unknown
directive
“rtmp”
in
/usr/local/etc/nginx/nginx.conf:119

rtmp
成了未知指令.

查看你的命令是否敲错 建议直接复制. 如果安装不成功,不妨多试几次!

解决方案:卸载
nginx


1brew uninstall nginx
再次安装
nginx


1

brew
install
nginx-full
--with-rtmp-module


二、【实现推流】

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

FFmpeg推流
LFLiveKit推流(采集篇说过)

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


2.1 安装ffmpeg,实现本地视频推流


执行命令

1brew install ffmpeg
安装
ffmpeg
时间就要长一点了. 如果速度过慢, 建议搬梯子. 不过也才50多M的东西, 耐心一点就好.
等待的时间里, 再下载一个支持rtmp协议的 VLC 视频播放器ffmpeg推流以我桌面的一个loginmovie.mp4
(自己准备一个视频文件)为例, 执行推流命令

1

ffmpeg
-re
-i
/Users/sunlin/Desktop/loginmovie.mp4
-vcodec
libx264
-acodec
aac
-strict
-2
-f
flv
rtmp://localhost:1935/rtmplive/room

注意: 更换你的视频地址


将视频推流到服务器后,打开VLC,然后File->open network->输入:

rtmp://localhost:1935/rtmplive/room

效果如图



推流


2.2 使用LFLiveKit,实现直播推流


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

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

#import "CaputuereLiveViewController.h"


#import


1

2

3

4

5

6

7

8

/**

**Live

*/

-(void
)startLive{

LFLiveStreamInfo
*stream
=
[LFLiveStreamInfo
new];

stream.url
=
@"rtmp://192.168.0.2:1935/rtmplive/room";

[self.session
startLive:stream];

}

注意:

由于搭建是本地服务器(实现外网须穿墙)

1.运行服务器的电脑和手机保证在同一WiFi下

2.在运行在真机的代码中必须把地址换成你自己的电脑IP(192.168.0.2 )(不能再用local 本地了)





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

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





有些延迟 耐心等待 :



效果图.转.gif

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


gitHub代码地址:

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

Swift版 : https://github.com/one-tea/ZKKLiveAPP_Swift3.0
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: