实习项目总结

写在前面

在过于的两个月时间,我成功的完成了人生中的第一次实习 (在径卫视觉)就职与公司平台研发部下属的数据智能事业部前端组,不得不说我很感谢这家公司给了我这次给了我很多收获的机会,到现在我仍然认为这家公司在5G技术逐渐成熟的未来将具有非常大的发展潜力,再次感谢。

这家公司主要的业务是帮助车辆运输公司管理各个在路上跑的车辆,那么将业务剥离到我们部门就是为那些运输公司定制toB的Web平台(ps:本来这段写了很多内容,但是突然想到这些可能是涉及到公司利益,最终还是去繁就简吧)。

问题与解决

一、关于HTTP请求的并发

问题起源

在项目中遇到过一个很吊诡的问题,在制作多路视频时有个需求是需要在播放容器组件中可以同时播放1、4、6、9、10、16个flv格式的直播流视频(播放个数可以用户自己选择这六个选项中的其中一个)。这个直播流内容是车载设备上采集的实时视频。

最终实现图(关键信息已打码)

这个需求本身并不难,无非先在项目里封装个用flv.js处理过的播放器组件,然后再放到播放容器组件里,并且为播放容器组件写个不同播放个数的对应样式,最后处理下样式和逻辑细节。Bingo~ 需求解决!,我内心想着:“就这简单需求还想耽误老子搬砖?”

一脸狂妄的打开浏览器开始逐个调试。同时播放1、4、6个直播流视频都顺利通过了,内心狂喜。

接下来继续测试同时播放9个...个,我傻眼了,居然只有前六个播放器可以正常工作,后三个播放器等了很长时间一直是loading,参看network控制台发现后三个请求一直是pedding。

问题究竟出在哪里?

问题定位

在反复测试后,确认后三个直播流是没有任何问题的,问题出在只要同时有超过6个视频拉流请求,六个后面的视频拉流请求都将会被挂起。向后端的同时请求帮助,服务端也没有对并发请求数量做限制相关的操作。

那只能把视线转移回前端了,在观察network控制台,突然想到会不会是浏览器会对并发请求做出限制,顺着个这个思路,在搜索引擎中找到了答案。

对于Chrome来说,默认的浏览器对“同源”HTTP并发请求数限制最大为六个,而多路视频中的视频流URL都是“同源” 的正好符合了被限制的条件。

一些主流浏览器对HTTP 1.1和HTTP 1.0的最大并发连接数目,参考如下表格:

浏览器 HTTP / 1.1 HTTP / 1.0
IE 11 6 6
IE 10 6 6
IE 9 10 10
IE 8 6 6
火狐 6 6
Safari 3,4 4 4
Chrome 4+ 6 6
思路考量

既然知道了是浏览器造成的并发限制造成的问题了,那么如何突破这个限制呢?

第一种办法是通过修改Chrome配置参数,然而这不符合我们的需求(总不能要求所有用户都重新配置自己的浏览器😂),只能接着想其他的办法。

再次回到问题上来,浏览器的确会对”同源“的HTTP请求进行限制,但是对于非”同源“的HTTP请求浏览器似乎就没有并发个数限制。

解决方案

利用浏览器不会对非”同源“的HTTP请求进行并发限制的条件,而将同源转为非同源(修改端口号)似乎是比较合适的。(原有的直播流请求的端口号为 60010)

前端部分需要将直播流请求URL的 端口号需要进行处理,默认情况下的视频请求地址 使用的端口为原来的60010,一旦超过6个,超过的部分使用 60011;而一旦超过12个,则超过部分端口使用60012,依次类推。

image

并且需要增加一个Nginx服务,将请求端口号为 60010:60020(根据实际情况来定)都映射到 服务端的60010端口。

image

二、关于Node.js的Stream

问题起源

前端项目中有个一需求,项目中有一个Flash实现的RTMP语音推流的模块,而现在Flash是已经快被放弃了,那么有没有其他的解决方案。实现这个需求。


未完待续

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 203,271评论 5 476
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,275评论 2 380
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,151评论 0 336
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,550评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,553评论 5 365
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,559评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,924评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,580评论 0 257
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,826评论 1 297
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,578评论 2 320
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,661评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,363评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,940评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,926评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,156评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,872评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,391评论 2 342