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

通过本文您能学到以下内容：1 、动手搭建直播服务器，完成一次对移动端支持的直播。2、使用OBS推流。3、使用html5网页播放m3u8流媒体文件。一、动手搭建流媒体服务器这里我们选用开源srs流媒体服务器[https://github.com/ossrs/srs]，有兴趣的同学也可选用[AdobeMediaServer5]，原理都是一样的。安装方法在[https://...

文章共1,058字 · 阅读需要大约4分钟

一键AI生成摘要，助你高效阅读

问答

JewWang

84895人浏览 · 2018-09-12 17:20:03

JewWang · 2018-09-12 17:20:03 发布

新增安装详细说明，地址是：https://blog.csdn.net/wjwj1203/article/details/104608243

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

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、新建场景，可以创建视频捕获或者窗口捕获，这里使用窗口捕获

2、在串流中配置自定义流媒体服务器，url为：rtmp://127.0.0.1:1935/live，流密钥为：livestream

3、点击开始串流即可完成串流

4、这时候就会在上面我们配置的hls_path中生成ts和m3u8文件

三、观看直播

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>