Android应用开发连载iOS直播视频iOS开发攻城狮的集散地

快速搭建自己的直播服务器,完成属于你直播服务

2018-09-12  本文已影响244人  JeenWang

通过本文您能学到以下内容:

1 、动手搭建直播服务器,完成一次对移动端支持的直播。
2、使用OBS推流。
3、使用html5网页播放m3u8流媒体文件。

一、动手搭建流媒体服务器

这里我们选用开源srs流媒体服务器[https://github.com/ossrs/srs],有兴趣的同学也可选用[Adobe Media Server 5],原理都是一样的。

安装方法在[https://github.com/ossrs/srs]有详细的说明,但是考虑到我用的mac电脑,有些细节需要注意,所以下面介绍下安装方法。

第一步:在本地任意目录下分别执行以下命令:

git clone https://github.com/ossrs/srs
vi srs/trunk/conf/srs.conf
修改max_connections    1000;为max_connections     100;
注意:若不修改此值后面编译中会报错
cd srs/trunk
./configure --osx
注意:在mac 系统中./configure 时需要添加  --osx
make

等待安装完毕即可。

第二步:修改配置文件,启动流媒体服务器:

修改配置:

vi srs/trunk/conf/hls.conf
修改hls_path的路径,默认路径为./objs/nginx/html,这里修改为/Users/wangjie/fileUploadDir 。

说明:因为本机没有搭建nginx,apache,所以直接放在的tomcat的虚拟目录下,但建议使用nginx或apache。

hls_path的作用:直播中会将m3u8文件和ts文件输出hls_path,有了m3u8文件就可以在启动端播放了。

m3u8播放地址为:http://192.168.1.115:8088/upload/live/livestream.m3u8,192.168.1.115为本机ip,8088为tomcat服务器端口,upload为tomcat虚拟路径,需要一一替换为自己的web服务器访问路径。

啰嗦一句:对于web服务器而言livestream.m3u8只是一个文件,我们将hls_path设置到web服务器能够访问到即可。
启动srs服务器

./objs/srs -c conf/hls.conf

二、使用OBS串流

1、新建场景,可以创建视频捕获或者窗口捕获,这里使用窗口捕获

WX20180912-163837@2x.png
2、在串流中配置自定义流媒体服务器,url为:rtmp://127.0.0.1:1935/live,流密钥为:livestream
WX20180912-163737@2x.png
3、点击开始串流即可完成串流
image.png
4、这时候就会在上面我们配置的hls_path中生成ts和m3u8文件
WX20180912-164453@2x.png

三、观看直播

1、直播地址分别是:
rtmp url: rtmp://127.0.0.1:1935/live/livestream
m3u8 url: http://127.0.0.1:8088/upload/live/livestream.m3u8
rtmp可用于电脑端播放,m3u8用于移动端播放。

2、电脑端播放方法:使用flash播放或支持rtmp的客户端播放器都可以。

3、移动端播放方法:
新建html5页面,手机端访问此网页即可播放

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title></title>
 </head>
 <body>
 <video src="http://192.168.1.115:8088/upload/live/livestream.m3u8" controls="controls" width="400" height="300"></video>
 </body>
 </html>

结束语:搭建这样一个直播服务器,完成一次直播是很简单的,主要在于配置,理解其中的原理。如有任何问题,欢迎留言,或扫下方公众号二维码关注我,随时交流。

扫码二维码关注我
上一篇下一篇

猜你喜欢

热点阅读