SRS+flv.js打造兼容性较高的直播、点播平台

我就是我 2022-03-28 13:52 910阅读 0赞

# [https://www.cnblogs.com/lanqie/p/7804466.html][https_www.cnblogs.com_lanqie_p_7804466.html] #

# [SRS+flv.js打造兼容性较高的直播、点播平台][https_www.cnblogs.com_lanqie_p_7804466.html] #

*  [１、公司之前用的是：][Link 1]
 *  [２、SRS+flv.js的优点：][SRS_flv.js]
 *  [３、上图，看看效果：][Link 2]
 *  [４、flv.js下载，构建：][flv.js]
 *  [５、如果上一步成功，接下来就是搭建SRS服务器了][SRS]
 *  [6、添加回调][6]
 *  [7、视频编辑][7]
 *  [8、压力测试][8]
 *  [9、转了一圈回到原点][9]
 *  [10、转机][10]
 *  [11、环境和部署脚本：][11]
 *  [13、srs跨域][13_srs]
 *  [14、集群和负载均衡][14]
 *  [15、flv.js优化--低延时（为了导播，直播不需要）][15_flv.js_--]
 *  [16、音频不同步和卡顿的解决][16]
 *  [17、添加HLS流][17_HLS]

\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*

注意：强烈建议使用srs3.0，srs2.0存在的问题（回调，跨域）等问题不需要修改源码，而且可以修改生成mp4视频。

回调：

<table> 
 <tbody> 
 <tr> 
 <td> 1 2 3 4 5 6 7 8 9 10 11 12 </td> 
 <td> <code># SRS推流开始，结束</code> <code>def live_publish(request):</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code># 添加磁盘检测</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>if</code>&nbsp;<code>not mounted():</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>return</code>&nbsp;<code>HttpResponse(1)</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>params</code>&nbsp;<code>= str(request.body, encoding=</code><code>"utf-8"</code><code>)</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>object</code>&nbsp;<code>= json.loads(</code><code>params</code><code>)</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>l_uuid =&nbsp;</code><code>object</code><code>.</code><code>get</code><code>(</code><code>'stream'</code><code>)</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>live = Live.objects.</code><code>get</code><code>(uuid=l_uuid)</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>live.status =&nbsp;</code><code>'living'</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>live.save()</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>return</code>&nbsp;<code>HttpResponse(0)</code> </td> 
 </tr> 
 </tbody> 
</table>

跨域：

没测，一直用nginx代理

MP4:

后期打算直接生成mp4,替换之前的flv

[回到顶部][Link 3]

## １、公司之前用的是： ##

直播：rtmp+jwplayer

点播：h5(mp4文件)

弊端：兼容性差，貌似跟系统版本，浏览器，浏览器版本都有关。还有就是rtmp推流生成的文件是flv格式，需要转码成mp4才能点播。

[回到顶部][Link 3]

## ２、SRS+flv.js的优点： ##

当然是兼容性大大提高了，在pc端谷歌，火狐都可以播放，手机端火狐可以，谷歌不行，其他没测。

[回到顶部][Link 3]

## ３、上图，看看效果： ##

![1226359-20171108144217153-1299963960.png][]

![1226359-20171108150504075-1336790905.jpg][]

样式什么的没添加，官方的demon 直接copy过来。

[回到顶部][Link 3]

## ４、flv.js下载，构建： ##

Github：https://github.com/Bilibili/flv.js

解压后进入mater:

构建：

<table> 
 <tbody> 
 <tr> 
 <td> 1 2 3 </td> 
 <td> <code>npm install</code> <code>npm install&nbsp;</code><code>-</code><code>g gulp</code> <code>gulp release&nbsp;</code> </td> 
 </tr> 
 </tbody> 
</table>

在dist下生成了我们需要的js

flv.html:

type可以是mp4,flv。url的类型要对应，可以是服务器的文件，也可以是rtmp推流的临时文件。

在这一步可以测试下点播是否正常，文件应该放在http服务器下以http协议访问，不能是文件形式访问。http服务器可以是nginx,python,tomcat等都可以

[回到顶部][Link 3]

## ５、如果上一步成功，接下来就是搭建SRS服务器了 ##

Github : https://github.com/ossrs/srs/wiki/v2\_CN\_SampleHttpFlv

这篇文章介绍的比较详细，下面是简单记录步骤：

假定你已经下载并编译好了SRS，可以参考：[SRS服务器搭建,ffmpeg 本地推流][SRS_ffmpeg]

首先复制conf中的http.flv.live.conf为my.http.flv.live.conf，内容：

这里该了http的服务端口为80,添加了保存rtmp流文件的配置，指定存储路径./objs/nginx/html/\[app\]/\[stream\].flv。

启动SRS:

接下来就是推流了。

假定你安装了ffmpeg。

<table> 
 <tbody> 
 <tr> 
 <td> 1 </td> 
 <td> <code>ffmpeg&nbsp;</code><code>-</code><code>re&nbsp;</code><code>-</code><code>i&nbsp;</code><code>/</code><code>root</code><code>/</code><code>Videos</code><code>/</code><code>video.flv&nbsp;</code><code>-</code><code>c copy&nbsp;</code><code>-</code><code>f flv rtmp:</code><code>/</code><code>/</code><code>192.168</code><code>.</code><code>2.192</code><code>/</code><code>live</code><code>/</code><code>video</code> </td> 
 </tr> 
 </tbody> 
</table>

如果推流成功那就可以在VLC中播放rtmp://192.168.2.192/live/video了，这样之前的html中的url就是：http://192.168.2.192/live/video.flv，

把之前的html/js　copy到SRS的/objs/nginx/html/　下，访问　http://ip/flv.html（这时的http服务由SRS提供，和之前的不一样） ,注意ip要和html中的ip一致，否则会报跨域的错。

至此整个直播点播服务的雏形就搭建成功！

[回到顶部][Link 3]

## 6、添加回调 ##

希望在开始推流的时候srs请求python服务，修改资源的状态为正在直播，推流结束是再次回调，请求python服务，修改状态为停止直播

srs的配置：

注意： on\_publish的ip需要根据netstat -pantu 判断，看看监听在哪个地址，比如127.0.0.1:8000，那么就应该保持一致，

按理说写localhost也应该可以，在终端用crul localhos:8000 也是可以访问，但是回调时报错：

<table> 
 <tbody> 
 <tr> 
 <td> 1 2 3 4 5 6 7 </td> 
 <td> <code>[</code><code>2017</code><code>-</code><code>11</code><code>-</code><code>30</code>&nbsp;<code>03</code><code>:</code><code>08</code><code>:</code><code>22.478</code><code>][error][</code><code>20398</code><code>][</code><code>220</code><code>][</code><code>11</code><code>] dns resolve server error, ip empty. ret</code><code>=</code><code>1029</code><code>(Resource temporarily unavailable)</code> <code>[</code><code>2017</code><code>-</code><code>11</code><code>-</code><code>30</code>&nbsp;<code>03</code><code>:</code><code>08</code><code>:</code><code>22.478</code><code>][warn][</code><code>20398</code><code>][</code><code>220</code><code>][</code><code>11</code><code>] http client failed, server</code><code>=</code><code>localhost, port</code><code>=</code><code>8000</code><code>, timeout</code><code>=</code><code>30000000</code><code>, ret</code><code>=</code><code>1029</code> <code>[</code><code>2017</code><code>-</code><code>11</code><code>-</code><code>30</code>&nbsp;<code>03</code><code>:</code><code>08</code><code>:</code><code>22.478</code><code>][warn][</code><code>20398</code><code>][</code><code>220</code><code>][</code><code>11</code><code>] http connect server failed. ret</code><code>=</code><code>1029</code> <code>[</code><code>2017</code><code>-</code><code>11</code><code>-</code><code>30</code>&nbsp;<code>03</code><code>:</code><code>08</code><code>:</code><code>22.478</code><code>][error][</code><code>20398</code><code>][</code><code>220</code><code>][</code><code>11</code><code>] http post on_publish uri failed. client_id</code><code>=</code><code>220</code><code>, url</code><code>=</code><code>http:</code><code>/</code><code>/</code><code>localhost:</code><code>8000</code><code>/</code><code>on_publish</code><code>/</code><code>, request</code><code>=</code><code>{ </code><code>"action"</code><code>:</code><code>"on_publish"</code><code>,</code><code>"client_id"</code><code>:</code><code>220</code><code>,</code><code>"ip"</code><code>:</code><code>"192.168.2.151"</code><code>,</code><code>"vhost"</code><code>:</code><code>"__defaultVhost__"</code><code>,</code><code>"app"</code><code>:</code><code>"live"</code><code>,</code><code>"tcUrl"</code><code>:</code><code>"rtmp://192.168.2.134:1935/live"</code><code>,</code><code>"stream"</code><code>:</code><code>"f345f5b0d34a11e78008365426bed70e"</code><code>}, response</code><code>=</code><code>, code</code><code>=</code><code>-</code><code>147690992</code><code>, ret</code><code>=</code><code>1029</code><code>(Resource temporarily unavailable)</code> <code>[</code><code>2017</code><code>-</code><code>11</code><code>-</code><code>30</code>&nbsp;<code>03</code><code>:</code><code>08</code><code>:</code><code>22.478</code><code>][error][</code><code>20398</code><code>][</code><code>220</code><code>][</code><code>11</code><code>] hook client on_publish failed. url</code><code>=</code><code>http:</code><code>/</code><code>/</code><code>localhost:</code><code>8000</code><code>/</code><code>on_publish</code><code>/</code><code>, ret</code><code>=</code><code>1029</code><code>(Resource temporarily unavailable)</code> <code>[</code><code>2017</code><code>-</code><code>11</code><code>-</code><code>30</code>&nbsp;<code>03</code><code>:</code><code>08</code><code>:</code><code>22.478</code><code>][error][</code><code>20398</code><code>][</code><code>220</code><code>][</code><code>11</code><code>] http hook on_publish failed. ret</code><code>=</code><code>1029</code><code>(Resource temporarily unavailable)</code> <code>[</code><code>2017</code><code>-</code><code>11</code><code>-</code><code>30</code>&nbsp;<code>03</code><code>:</code><code>08</code><code>:</code><code>22.478</code><code>][error][</code><code>20398</code><code>][</code><code>220</code><code>][</code><code>11</code><code>] stream service cycle failed. ret</code><code>=</code><code>1029</code><code>(Resource temporarily unavailable)</code> </td> 
 </tr> 
 </tbody> 
</table>

所以还是保持一致的好。

另外：uwsgi并不对外提供访问服务，只由nginx转发，所以服务不要监听在0.0.0.0:8000，更不要写内网ip如192.168.2.111这样的，应为不确定下次启动ip不变。

所以uwsgi最好还是监听在127.0.0.1:8000。

python:

<table> 
 <tbody> 
 <tr> 
 <td> 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 </td> 
 <td> <code># SRS推流开始，结束</code> <code>def</code>&nbsp;<code>live_publish(request):</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>params&nbsp;</code><code>=</code>&nbsp;<code>str</code><code>(request.body, encoding</code><code>=</code><code>"utf-8"</code><code>)</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>object</code>&nbsp;<code>=</code>&nbsp;<code>json.loads(params)</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>l_uuid&nbsp;</code><code>=</code>&nbsp;<code>object</code><code>.get(</code><code>'stream'</code><code>)</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>live&nbsp;</code><code>=</code>&nbsp;<code>Live.objects.get(uuid</code><code>=</code><code>l_uuid)</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>live.status&nbsp;</code><code>=</code>&nbsp;<code>'living'</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>live.save()</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>return</code>&nbsp;<code>HttpResponse(</code><code>0</code><code>)</code> &nbsp; &nbsp; <code>def</code>&nbsp;<code>live_unpublish(request):</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>params&nbsp;</code><code>=</code>&nbsp;<code>str</code><code>(request.body, encoding</code><code>=</code><code>"utf-8"</code><code>)</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>object</code>&nbsp;<code>=</code>&nbsp;<code>json.loads(params)</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>l_uuid&nbsp;</code><code>=</code>&nbsp;<code>object</code><code>.get(</code><code>'stream'</code><code>)</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>live&nbsp;</code><code>=</code>&nbsp;<code>Live.objects.get(uuid</code><code>=</code><code>l_uuid)</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>live.status&nbsp;</code><code>=</code>&nbsp;<code>'stop'</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>live.save()</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>return</code>&nbsp;<code>HttpResponse(</code><code>0</code><code>)</code> </td> 
 </tr> 
 </tbody> 
</table>

官方文档的说明：

https://github.com/ossrs/srs/wiki/v2\_CN\_HTTPCallback

根据：an int value specifies the error code(0 corresponding to success)

大概是说要返回一个０，不过我尝试各种返回值０，“０“，｛”code”:0｝...都没用

一返回srs就报错：empty response

不知道为毛srs接收不到。

没办法，改源码：

在srs/trunk/src/app/srs\_app\_http\_hooks.cpp

找到报错的位置：

<table> 
 <tbody> 
 <tr> 
 <td> 1 2 3 4 5 6 7 </td> 
 <td> <code>/</code><code>/</code>&nbsp;<code>should never be empty.</code> <code>res&nbsp;</code><code>=</code>&nbsp;<code>SRS_HTTP_RESPONSE_OK;</code> <code>if</code>&nbsp;<code>(res.empty()) { </code> <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>ret&nbsp;</code><code>=</code>&nbsp;<code>ERROR_HTTP_DATA_INVALID;</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>srs_error(</code><code>"invalid empty response. ret=%d"</code><code>, ret);</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>return</code>&nbsp;<code>ret;</code> <code>}</code> </td> 
 </tr> 
 </tbody> 
</table>

在进入判断前先赋值：res = SRS\_HTTP\_RESPONSE\_OK;

然后重新编译安装。

还可以打包传服务器上用。

<table> 
 <tbody> 
 <tr> 
 <td> 1 </td> 
 <td> <code>.</code><code>/</code><code>scripts</code><code>/</code><code>package.sh　</code><code>-</code><code>-</code><code>x86</code><code>-</code><code>x64</code> </td> 
 </tr> 
 </tbody> 
</table>

当然这只是权宜之计，因为我不需要判断用户的权限来滤用户，所以不用控制response返回值，希望日后搞明白说明原因导致。

如果有读者知道原因，还请告知，谢谢。

[回到顶部][Link 3]

## 7、视频编辑 ##

剪切：

<table> 
 <tbody> 
 <tr> 
 <td> 1 </td> 
 <td> <code>ffmpeg&nbsp;</code><code>-</code><code>ss&nbsp;</code><code>0</code><code>:</code><code>1</code><code>:</code><code>30</code>&nbsp;<code>-</code><code>t&nbsp;</code><code>0</code><code>:</code><code>0</code><code>:</code><code>20</code>&nbsp;<code>-</code><code>i&nbsp;</code><code>input</code><code>.avi&nbsp;</code><code>-</code><code>vcodec copy&nbsp;</code><code>-</code><code>acodec copy output.avi</code> </td> 
 </tr> 
 </tbody> 
</table>

\-ss 开始时间，-t 持续时间

提取图片：

<table> 
 <tbody> 
 <tr> 
 <td> 1 </td> 
 <td> <code>ffmpeg –i test.avi –r&nbsp;</code><code>1</code>&nbsp;<code>–f image2 image</code><code>-</code><code>%</code><code>3d</code><code>.jpeg</code> </td> 
 </tr> 
 </tbody> 
</table>

封装：

<table> 
 <tbody> 
 <tr> 
 <td> 1 </td> 
 <td> <code>ffmpeg –i video_file –i audio_file –vcodec copy –acodec copy output_file</code> </td> 
 </tr> 
 </tbody> 
</table>

flv快速添加关键帧（为了拖动播放）：

<table> 
 <tbody> 
 <tr> 
 <td> 1 </td> 
 <td> <code>yamdi&nbsp;</code><code>-</code><code>i tmp.flv&nbsp;</code><code>-</code><code>o&nbsp;</code><code>51e714ded33a11e7889a365426bed70e</code><code>.flv</code> </td> 
 </tr> 
 </tbody> 
</table>

[回到顶部][Link 3]

## 8、压力测试 ##

<table> 
 <tbody> 
 <tr> 
 <td> 1 </td> 
 <td> <code>~</code><code>/</code><code>Downloads</code><code>/</code><code>flazr</code><code>-</code><code>0.7</code><code>-</code><code>RC2</code><code># ./client.sh rtmp://192.168.2.134:1935/live/a54b2dceda5911e7a5b1365426bed70e -load 200</code> </td> 
 </tr> 
 </tbody> 
</table>

查看srs服务器的网卡信息：

<table> 
 <tbody> 
 <tr> 
 <td> 1 </td> 
 <td> <code>ethtool eth0</code> </td> 
 </tr> 
 </tbody> 
</table>

查看 srs服务器的流量：

<table> 
 <tbody> 
 <tr> 
 <td> 1 </td> 
 <td> <code>iftop</code> </td> 
 </tr> 
 </tbody> 
</table>

[回到顶部][Link 3]

## 9、转了一圈回到原点 ##

前段时间用以上方案搭建的直播点播系统测试结果还是比较满意的

笔记本（百兆网卡）网线直连开发板（千兆网卡）:

子码流（100-150并发）主码流（10-20）

笔记本（千兆网卡）网线直连开发板（千兆网卡）:

子码流（没测，不过不会超过1000，srs中有最大连接数设置）主码流（100-200）（目标就是支持100人在线观看）

但是前两天用录播主机推流到开发板，出现视频流畅，声音卡顿的现象。

之前怀疑过网络不畅通，视频源有问题，录播主机有问题，flv.js。

后来发现是flv.js在处理某些视频流，或视频文件（直播http-flv,点播xx.flv）会发生以上现象。

但是直接用VLC客户端播放没有声音卡顿的现象。

没办法，只好改回JWPlayer(播放rtmp),Video(播放mp4)

这就需要将推流的临时文件xxx.flv重新封装成xxx.mp4。

希望flv.js的后续版本可以解决这样的问题。

[回到顶部][Link 3]

## 10、转机 ##

测试几天发现只有录播设备播放文件通道的时候声音会卡顿，直接将其他电脑的音视频接入没有卡顿，但是随着播放时间加长，会出现声音延迟的现象。

![1226359-20171219170234350-1037683128.png][]

[回到顶部][Link 3]

## 11、环境和部署脚本： ##

<table> 
 <tbody> 
 <tr> 
 <td> 1 2 3 4 5 6 7 8 9 10 11 12 13 14 </td> 
 <td> <code>├── CentOS-Base.repo</code> <code>├── ffmpeg-</code><code>3.4</code> <code>├── install.sh</code> <code>├── my.http.flv.live.conf</code> <code>├── nginx-</code><code>1.12</code><code>.</code><code>2</code> <code>├── nohup.out</code> <code>├── Python-</code><code>3.5</code><code>.</code><code>0</code> <code>├── run.sh</code> <code>├── SRS-Ubuntu12-armv7cpu-</code><code>2.0</code><code>.</code><code>243</code> <code>├── stop.sh</code> <code>├── touch</code> <code>├── touch.conf</code> <code>├── touch.ini</code> <code>└── yamdi-</code><code>1.9</code> </td> 
 </tr> 
 </tbody> 
</table>

install.sh:

<table> 
 <tbody> 
 <tr> 
 <td> 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 </td> 
 <td> <code>#!/bin/bash</code> &nbsp; <code>install_list=</code><code>'system python srs nginx deploy env ffmpeg yamdi'</code> <code>#install_list=</code><code>'ffmpeg yamdi'</code> <code>if</code>&nbsp;<code>[[ ${install_list} =~ system ]]</code> <code>then</code> <code>#替换yum源，更新系统</code> <code>yum_path=</code><code>'/etc/yum.repos.d/'</code> <code>for</code>&nbsp;<code>file in ${yum_path}*</code> <code>do</code> <code>&nbsp;&nbsp;</code><code>end_str=${file:</code><code>0</code><code>-</code><code>3</code><code>}</code> <code>&nbsp;&nbsp;</code><code>if</code>&nbsp;<code>[&nbsp;</code><code>"${end_str}"</code>&nbsp;<code>!=&nbsp;</code><code>'bak'</code>&nbsp;<code>]</code> <code>&nbsp;&nbsp;</code><code>then</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>mv $file ${file}.bak</code> <code>&nbsp;&nbsp;</code><code>fi</code> <code>done</code> <code>cp CentOS-Base.repo ${yum_path}</code> <code>yum update</code> &nbsp; <code>#安装基本工具</code> <code>yum install net-tools</code> <code>yum install nc</code> <code>else</code> <code>&nbsp;&nbsp;</code><code>echo&nbsp;</code><code>'&gt;&gt;&gt;pass system'</code> <code>fi</code> &nbsp; &nbsp; <code>if</code>&nbsp;<code>[[ ${install_list} =~&nbsp;</code><code>"python"</code>&nbsp;<code>]]</code> <code>then</code> <code>#Python3.</code><code>5</code><code>安装</code> <code>cd Python-</code><code>3.5</code><code>.</code><code>0</code><code>/</code> <code>./configure</code> <code>make</code> <code>make install</code> <code>pip3 install uwsgi</code> <code>cd ..</code> <code>else</code> <code>&nbsp;&nbsp;</code><code>echo&nbsp;</code><code>'&gt;&gt;&gt;pass python'</code> <code>fi</code> &nbsp; &nbsp; <code>if</code>&nbsp;<code>[[ ${install_list} =~&nbsp;</code><code>"nginx"</code>&nbsp;<code>]]</code> <code>then</code> <code>#nginx 安装</code> <code>yum -y install zlib zlib-devel openssl openssl--devel pcre pcre-devel</code> <code>cd nginx-</code><code>1.12</code><code>.</code><code>2</code><code>/</code> <code>./configure</code> <code>make</code> <code>make install</code> <code>cd ..</code> <code>else</code> <code>&nbsp;&nbsp;</code><code>echo&nbsp;</code><code>'&gt;&gt;&gt;pass nginx'</code> <code>fi</code> &nbsp; &nbsp; <code>if</code>&nbsp;<code>[[ ${install_list} =~&nbsp;</code><code>"srs"</code>&nbsp;<code>]]</code> <code>then</code> <code>#srs 安装</code> <code>yum install redhat-lsb -y</code> <code>cd SRS-Ubuntu12-armv7cpu-</code><code>2.0</code><code>.</code><code>243</code><code>/</code> <code>./INSTALL</code> <code>cd ..</code> <code>else</code> <code>&nbsp;&nbsp;</code><code>echo&nbsp;</code><code>'&gt;&gt;&gt;pass srs'</code> <code>fi</code> &nbsp; &nbsp; <code>if</code>&nbsp;<code>[[ ${install_list} =~&nbsp;</code><code>"ffmpeg"</code>&nbsp;<code>]]</code> <code>then</code> <code>#ffmpeg 安装</code> <code>cd ffmpeg-</code><code>3.4</code><code>/</code> <code>#./configure</code> <code>make</code> <code>make install</code> <code>cd ..</code> <code>else</code> <code>&nbsp;&nbsp;</code><code>echo&nbsp;</code><code>'&gt;&gt;&gt;pass ffmpeg'</code> <code>fi</code> &nbsp; &nbsp; <code>if</code>&nbsp;<code>[[ ${install_list} =~&nbsp;</code><code>"yamdi"</code>&nbsp;<code>]]</code> <code>then</code> <code>#yamdi 安装</code> <code>cd yamdi-</code><code>1.9</code><code>/</code> <code>make</code> <code>make install</code> <code>cd ..</code> <code>else</code> <code>&nbsp;&nbsp;</code><code>echo&nbsp;</code><code>'&gt;&gt;&gt;pass yamdi'</code> <code>fi</code> &nbsp; &nbsp; &nbsp; <code>if</code>&nbsp;<code>[[ ${install_list} =~&nbsp;</code><code>"deploy"</code>&nbsp;<code>]]</code> <code>then</code> <code>#部署项目</code> <code>mkdir /opt/script/</code> <code>cp my.http.flv.live.conf /usr/local/srs/conf/</code> <code>cp touch.conf /usr/local/nginx/conf/</code> <code>cp touch.ini /opt/script/</code> <code>cp touch /opt/</code> <code>mkdir /usr/local/nginx/html/images/</code> <code>cp touch/tmp/* /usr/local/nginx/html/images/</code> <code>else</code> <code>&nbsp;&nbsp;</code><code>echo&nbsp;</code><code>'&gt;&gt;&gt;pass deploy'</code> <code>fi</code> &nbsp; &nbsp; &nbsp; <code>if</code>&nbsp;<code>[[ ${install_list} =~&nbsp;</code><code>"env"</code>&nbsp;<code>]]</code> <code>then</code> <code>#安装项目依赖</code> <code>pip3 install django==</code><code>1.9</code><code>.</code><code>8</code> <code>pip3 install xadmin</code> <code>pip3 install future</code> <code>pip3 install django_crispy_forms</code> <code>pip3 install django-formtools</code> <code>pip3 install httplib2</code> <code>pip3 install six</code> <code>pip3 install django_import_export</code> <code>pip3 install django-cors-headers</code> <code>pip3 install django-pure-pagination</code> &nbsp; <code>yum install python-devel zlib-devel libjpeg-turbo-devel -y</code> <code>pip3 install Pillow</code> &nbsp; <code>else</code> <code>&nbsp;&nbsp;</code><code>echo&nbsp;</code><code>'&gt;&gt;&gt;pass env'</code> &nbsp; <code>fi</code> </td> 
 </tr> 
 </tbody> 
</table>

run.sh:

<table> 
 <tbody> 
 <tr> 
 <td> 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 </td> 
 <td> <code>#!/bin/bash</code> &nbsp; <code>#启动项目</code> <code>#touch</code> <code>pkill -</code><code>9</code>&nbsp;<code>uwsgi</code> <code>cd /opt/</code> <code>uwsgi --ini script/touch.ini &amp;</code> <code>chmod&nbsp;</code><code>766</code>&nbsp;<code>/opt/script/touchrnb.sock</code> &nbsp; <code>#nginx</code> <code>pkill -</code><code>9</code>&nbsp;<code>nginx</code> <code>cd /usr/local/nginx/</code> <code>./sbin/nginx -c conf/touch.conf &amp;</code> &nbsp; <code>#srs</code> <code>pkill -</code><code>9</code>&nbsp;<code>srs</code> <code>cd /usr/local/srs/</code> <code>./objs/srs -c conf/my.http.flv.live.conf &gt; /dev/</code><code>null</code>&nbsp;<code>&amp;</code> </td> 
 </tr> 
 </tbody> 
</table>

stop.sh:

<table> 
 <tbody> 
 <tr> 
 <td> 1 2 3 4 5 6 7 8 9 </td> 
 <td> <code>#!/bin/bash</code> &nbsp; <code>#停止项目</code> <code>#nginx</code> <code>pkill -</code><code>9</code>&nbsp;<code>nginx</code> <code>#srs</code> <code>pkill -</code><code>9</code>&nbsp;<code>srs</code> <code>#touch</code> <code>pkill -</code><code>9</code>&nbsp;<code>uwsgi</code> </td> 
 </tr> 
 </tbody> 
</table>

开机启动:

编辑/etc/rc.d/rc.local,添加run.sh脚步路径

12、文件瘦身

strip objs/srs

(arm版本：arm-hisiv300-linux-strip)

可以从7-8兆减到2-3兆

[回到顶部][Link 3]

## 13、srs跨域 ##

之前是nginx代理服务器和srs在同一台机器上，但是公司考虑到嵌入式板的性能问题，需要提供更换直播服务器的功能，为了避免修改nginx配置的问题，所以

直播服务器地址由后台配置，存到数据库，而不使用nginx代理。但是这样就有跨域的问题了，我使用的srs版本为2.0，目前解决跨域的方法是修改源码。

参考：https://github.com/ossrs/srs/issues/1002

修改 src/app/srs\_app\_http\_stream.cpp

在486行添加 `w->header()->set("Access-Control-Allow-Origin", "*");`

重新编译安装即可

[回到顶部][Link 3]

## 14、集群和负载均衡 ##

集群很简单参考：https://github.com/ossrs/srs/wiki/v3\_CN\_SampleHttpFlvCluster

负载均衡：

如果集群较大推荐CDN，如果小集群可以用nginx

值得一提的是srs在接收nginx的转发请求时不是用的相对路径

nginx配置文件：

如果upstream localhost 改为upstream aaa,浏览器访问: http://127.0.0.1/uwsgi\_http/live/123.flv

srs接收到的是：http://aaa/live/123.flv

所以srs服务器要配置hosts文件，使aaa指向127.0.0.1

这里我直接命名为localhost,这样就可以偷懒啦。

还有负载均衡策略指定ip\_hash，因为源站和边缘之间的视频可能不同步，这样可以提高用户体验。

但是如果srs集群的性能差异较大，还是用weight策略好一点。

[回到顶部][Link 3]

## 15、flv.js优化--低延时（为了导播，直播不需要） ##

srs低延时配置:

<table> 
 <tbody> 
 <tr> 
 <td> 1 2 3 4 5 6 7 8 9 10 </td> 
 <td> <code>vhost __defaultVhost__ { </code> <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>gop_cache&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; off;</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>queue_length&nbsp;&nbsp;&nbsp; 10;</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>min_latency&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>on</code><code>;</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>mr { </code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>enabled&nbsp;&nbsp;&nbsp;&nbsp; off;</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>}</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>mw_latency&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 100;</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>tcp_nodelay&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>on</code><code>;</code> <code>}</code> </td> 
 </tr> 
 </tbody> 
</table>

video低延时:

<table> 
 <tbody> 
 <tr> 
 <td> 1 2 3 4 5 6 7 8 9 10 </td> 
 <td> <code>videoElement.addEventListener(</code><code>'progress'</code><code>, function() { </code> <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>var</code>&nbsp;<code>range = 0;</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>var</code>&nbsp;<code>bf =&nbsp;</code><code>this</code><code>.buffered;</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>var</code>&nbsp;<code>time =&nbsp;</code><code>this</code><code>.currentTime;</code> &nbsp; <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>while</code><code>(!(bf.start(range) &lt;= time &amp;&amp; time &lt;= bf.end(range))) { </code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>range += 1;</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>}</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>this</code><code>.currentTime =&nbsp;</code><code>this</code><code>.buffered.end(range) - 0.01;</code> <code>});</code> </td> 
 </tr> 
 </tbody> 
</table>

设置video低延时会触发waiting事件,出现一个圆圈和降低屏幕亮度,有待处理...

这样大概可以把延时从2~3降到1秒左右。（环境不同可能有差别，在网线接交换机的情况下会比连WiFi要好）

![1226359-20180409162401755-1039205877.png][]

延时和流畅不可兼得，需求不同要设置不同参数。

[回到顶部][Link 3]

## 16、音频不同步和卡顿的解决 ##

参考：https://github.com/Bilibili/flv.js/issues/136

解决方法是 fixAudioTimestampGap: false,注意这个配置要在config的位置

[回到顶部][Link 3]

## 17、添加HLS流 ##

官方文档:https://github.com/ossrs/srs/wiki/v3\_CN\_SampleHLS

<table> 
 <tbody> 
 <tr> 
 <td> 1 2 3 4 5 6 7 8 9 10 11 12 13 14 </td> 
 <td> <code>vhost __defaultVhost__ { </code> <code>...</code> &nbsp; <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>hls { </code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>enabled&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>on</code><code>;</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>hls_fragment&nbsp;&nbsp;&nbsp; 10;</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>hls_window&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 60;</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>hls_path&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; ./objs/nginx/html;</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>hls_m3u8_file&nbsp;&nbsp; [app]/[stream].m3u8;</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>hls_ts_file&nbsp;&nbsp;&nbsp;&nbsp; [app]/[stream]-[seq].ts;</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>hls_dispose&nbsp;&nbsp;&nbsp;&nbsp; 10;</code> &nbsp; <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>}</code> <code>}</code> </td> 
 </tr> 
 </tbody> 
</table>

存在的问题：同一地址第一次正常，后面推的都不能看，第一次生成ts切片正常，后面的ts切片会重复丢弃和生成。

参考： 转hls输出时出现的问题 \#894：https://github.com/ossrs/srs/issues/894

在SrsHls::on\_unpublish的时候设置SrsHls::aac\_samples=0后正常。

分类: [server][],[python][],[直播][Link 4]

好文要顶 关注我 收藏该文 ![icon_weibo_24.png][] ![wechat.png][]

[![20170825113226.png][]][20170825113226.png 1]

[懒企鹅][20170825113226.png 1]  
[关注 - 5][- 5]  
[粉丝 - 6][- 6]

\+加关注

[« ][Link 5]上一篇：[CentOS 6.8　部署django项目二][Link 5]  
[» ][Link 6]下一篇：[HTTP协议学习笔记][Link 6]

[https_www.cnblogs.com_lanqie_p_7804466.html]: https://www.cnblogs.com/lanqie/p/7804466.html
[Link 1]: https://www.cnblogs.com/lanqie/p/7804466.html#_label0
[SRS_flv.js]: https://www.cnblogs.com/lanqie/p/7804466.html#_label1
[Link 2]: https://www.cnblogs.com/lanqie/p/7804466.html#_label2
[flv.js]: https://www.cnblogs.com/lanqie/p/7804466.html#_label3
[SRS]: https://www.cnblogs.com/lanqie/p/7804466.html#_label4
[6]: https://www.cnblogs.com/lanqie/p/7804466.html#_label5
[7]: https://www.cnblogs.com/lanqie/p/7804466.html#_label6
[8]: https://www.cnblogs.com/lanqie/p/7804466.html#_label7
[9]: https://www.cnblogs.com/lanqie/p/7804466.html#_label8
[10]: https://www.cnblogs.com/lanqie/p/7804466.html#_label9
[11]: https://www.cnblogs.com/lanqie/p/7804466.html#_label10
[13_srs]: https://www.cnblogs.com/lanqie/p/7804466.html#_label11
[14]: https://www.cnblogs.com/lanqie/p/7804466.html#_label12
[15_flv.js_--]: https://www.cnblogs.com/lanqie/p/7804466.html#_label13
[16]: https://www.cnblogs.com/lanqie/p/7804466.html#_label14
[17_HLS]: https://www.cnblogs.com/lanqie/p/7804466.html#_label15
[Link 3]: https://www.cnblogs.com/lanqie/p/7804466.html#_labelTop
[1226359-20171108144217153-1299963960.png]: /images/20220328/e6bbd4aaf9334e05ba8b41c87dc70ea0.png
[1226359-20171108150504075-1336790905.jpg]: /images/20220328/43d9e11d43b24fcf9707e72908249e69.png
[SRS_ffmpeg]: http://www.cnblogs.com/lanqie/p/7667450.html
[1226359-20171219170234350-1037683128.png]: /images/20220328/5d08c0af85524ecfadbee50ba0659a77.png
[1226359-20180409162401755-1039205877.png]: /images/20220328/c9184ff8dcf745ac8cdbb7c388c0012b.png
[server]: https://www.cnblogs.com/lanqie/category/1066418.html
[python]: https://www.cnblogs.com/lanqie/category/1066100.html
[Link 4]: https://www.cnblogs.com/lanqie/category/1171576.html
[icon_weibo_24.png]: https://common.cnblogs.com/images/icon_weibo_24.png
[wechat.png]: /images/20220328/e97ce25a6cd347ca9e4c57c09e456c09.png
[20170825113226.png]: /images/20220328/5f8014e2a9d74a2890522915e7a3e5d8.png
[20170825113226.png 1]: http://home.cnblogs.com/u/lanqie/
[- 5]: http://home.cnblogs.com/u/lanqie/followees
[- 6]: http://home.cnblogs.com/u/lanqie/followers
[Link 5]: https://www.cnblogs.com/lanqie/p/7802432.html
[Link 6]: https://www.cnblogs.com/lanqie/p/7805222.html