通过本文您能学到以下内容：
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>
结束语：搭建这样一个直播服务器，完成一次直播是很简单的，主要在于配置，理解其中的原理。如有任何问题，欢迎留言，或扫下方公众号二维码关注我，随时交流。
扫码二维码关注我
网友评论