如何开发出一款仿映客直播APP项目实践篇 -【服务器搭建+推流】
2017-11-02 15:50
736 查看
如何开发出一款仿映客直播APP项目实践篇 -【原理篇】
如何开发出一款仿映客直播APP项目实践篇 -【采集篇 】
如何开发出一款仿映客直播APP项目实践篇 -【服务器搭建+推流】
如何开发出一款仿映客直播APP项目实践篇 -【播放篇】
前言:有了服务器的构建 ,就可以将手机端采集视频传输到服务器 ,可以在从服务器拉流,实现直播,延迟大约3-4秒!
效果图
推流
参考推酷:Mac搭建nginx+rtmp服务器
步骤:
打开终端, 查看是否已经安装了Homebrew (Mac上好用的第三方安装管理工具), 直接终端输入命令
如果Mac已经安装了, 会显示一些命令的帮助信息. 此时输入Q退出即可, 直接进入第二步.反之, 如果没有安装,执行命令(命令行已更到最新 )
如果安装后, 想要卸载
执行安装:
此时, nginx和rtmp模块就安装好了输入命令:
在浏览器里打开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)
…..
则表示
根据端口PID, kill掉(这儿的
然后重新执行
最后打开http://localhost:8080验证
3.配置nginx和ramp首先我们查看nginx安装到哪了
如图, 找到nginx.conf文件所在位置
nginx.conf通过vim或者点击Finder->前往->前往文件夹->输入/usr/local/etc/nginx/nginx.conf->用Xcode打开 nginx.conf 直接滚到最后一行, 在最后一个
然后重启
到此,安装完成!
查看你的命令是否敲错 建议直接复制. 如果安装不成功,不妨多试几次!
解决方案:卸载
再次安装
主要有两种封装库来实现推流(基于RTMP协议):
FFmpeg推流
LFLiveKit推流(采集篇说过)
简介:FFmoeg集成工程中比较麻烦,但是在终端上运行却很方便 所以在2.1中只做本地视频推流测试有了解的可以参考:iOS下使用FFMPEG的一些总结,相对来说LFLiveKit在工程中集成就方便,而且包含采集、美颜、推流与一身所以推荐
2.1 安装ffmpeg,实现本地视频推流
执行命令
安装
等待的时间里, 再下载一个支持rtmp协议的 VLC 视频播放器ffmpeg推流以我桌面的一个loginmovie.mp4
(自己准备一个视频文件)为例, 执行推流命令
将视频推流到服务器后,打开VLC,然后File->open network->输入:
rtmp://localhost:1935/rtmplive/room
效果如图
推流
2.2 使用LFLiveKit,实现直播推流
将程序运行在真机上只有真机上才能采集到音频 (代码在底部)
采集端用的LFLive库 只需要在此加入服务器推流地址
注意:
由于搭建是本地服务器(实现外网须穿墙)
1.运行服务器的电脑和手机保证在同一WiFi下
2.在运行在真机的代码中必须把地址换成你自己的电脑IP(192.168.0.2 )(不能再用local 本地了)
1.开始手机上运行直播程序
2.然后打开 VLC 中 的 file — Open Network, 直接输入代码中的 url:
有些延迟 耐心等待 :
效果图.转.gif
总结 :到此所有的直播主要大致结束 ,当然一个直播还有许多功能: 礼物、聊天、 弹幕 、连麦等后续整理出来,待完善!喜欢我的朋友可以进行关注!
Object-C版 : https://github.com/one-tea/ZKKLiveDemo
Swift版 : https://github.com/one-tea/ZKKLiveAPP_Swift3.0
如何开发出一款仿映客直播APP项目实践篇 -【采集篇 】
如何开发出一款仿映客直播APP项目实践篇 -【服务器搭建+推流】
如何开发出一款仿映客直播APP项目实践篇 -【播放篇】
前言:有了服务器的构建 ,就可以将手机端采集视频传输到服务器 ,可以在从服务器拉流,实现直播,延迟大约3-4秒!
效果图
推流
Mac搭建nginx+rtmp服务器
参考推酷:Mac搭建nginx+rtmp服务器步骤:
打开终端, 查看是否已经安装了Homebrew (Mac上好用的第三方安装管理工具), 直接终端输入命令
1 | man brew |
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 |
1 | brew install nginx-full --with-rtmp-module |
1 | nginx |
安装成功
注意:如果终端上提示
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
1 | lsof -i tcp:8080 |
9603换成你自己
8080端口的PID)
1 | kill 9603 |
nginx
最后打开http://localhost:8080验证
3.配置nginx和ramp首先我们查看nginx安装到哪了
1 | brew info nginx-full |
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
1 | brew uninstall nginx |
nginx
1 | brew install nginx-full --with-rtmp-module |
二、【实现推流】
主要有两种封装库来实现推流(基于RTMP协议):FFmpeg推流
LFLiveKit推流(采集篇说过)
简介:FFmoeg集成工程中比较麻烦,但是在终端上运行却很方便 所以在2.1中只做本地视频推流测试有了解的可以参考:iOS下使用FFMPEG的一些总结,相对来说LFLiveKit在工程中集成就方便,而且包含采集、美颜、推流与一身所以推荐
2.1 安装ffmpeg,实现本地视频推流
执行命令
1 | brew 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/ZKKLiveDemoSwift版 : https://github.com/one-tea/ZKKLiveAPP_Swift3.0
相关文章推荐
- 如何开发出一款仿映客直播 APP 项目实践篇 -【采集篇 】
- 【如何快速的开发一个完整的iOS直播app】(搭建Web服务器)
- 【如何快速的开发一个完整的iOS直播app】(搭建Socket即时通讯服务器)
- 如何从 0 到 1 开发一款完整的直播 APP
- 如何开发一款优秀的APP(侧重实践层面)
- 实践中的敏捷开发之如何管理项目质量
- 项目管理实践教程一、SVN 服务器搭建
- 如何管理软件开发项目?一些实践原则!
- 如何使用Openshit开发项目和本地环境搭建
- Microsoft NLayerApp“.NET研究”案例理论与实践 - 项目简介与环境搭建
- iOS开发——(Mac10.10+jdk1.8+tomcat6.0.41)搭建服务器 & 如何解决Mac10.10不能安装jdk的问题
- 关于如何在服务器上搭建tomcat并发布自己的web项目
- 如何将vs2012开发的基于.net framework 4.5框架的MVC4项目部署到windows server2003服务器上
- Web开发、测试环境搭建(LAMP、SVN服务器、Laravel项目创建)
- 多媒体开发之开源项目---实现输出h264直播流的rtmp服务器 .
- 如何把项目的开发环境(JDK、JRE等)同服务器 的JDK 版本调整一致
- 实践中的敏捷开发之如何管理项目质量
- 项目实践中--Git服务器的搭建与使用指南
- MyEclipse中开发网站项目如何设置关联的Tomcat服务器热启动,即修改项目源代码时不需要每次都重启Tomcat
- 项目实践中--Git服务器的搭建与使用指南(转)