今天跟大家唠唠我捣鼓亚锦赛直播的事儿,纯属个人瞎折腾,大家图一乐呵。
事情是这样的,前几天不是亚锦赛嘛我这老球迷心痒痒,想看直播,但是找了一圈,不是要会员就是要各种乱七八糟的插件,烦!索性就自己动手,丰衣足食。
第一步:找直播源。这年头,找点资源不容易。先是在某度上搜了一大圈,全是些没用的,要么就是过期链接。后来灵机一动,去油管上碰碰运气,还真让我找到几个,不过清晰度一般,而且时不时卡顿,只能凑合用。
第二步:搭建直播平台。有了直播源,总不能直接对着链接看,不得整个像样的界面?我就想着用个简单的网页,把直播源放上去。选了最简单的HTML+CSS,再加点JavaScript,速成一个页面。界面丑是丑了点,但是能用就行。
第三步:解决卡顿问题。这卡顿问题,简直是看球的头号大敌!我琢磨着,是不是可以搞个缓存啥的。研究了一下,发现可以用HLS协议,把直播流切片,这样可以减少卡顿。于是又是一顿搜索、学习,终于把HLS搭建起来了。效果嘛稍微好了一点,但还是没法彻底解决,毕竟直播源质量摆在那里。
第四步:优化体验。光能看球还不行,还得有点互动嘛我就在页面上加了个简单的聊天室,用WebSocket实现的。大家可以在里面聊天、吐槽,气氛还挺热闹。
第五步:测试和完善。自己一个人测试肯定不行,我就拉了几个朋友来当小白鼠,让他们帮忙找bug、提建议。改了一堆bug,优化了一些细节,总算是能看了。
- 直播源:油管
- 技术栈:HTML+CSS+JavaScript+HLS+WebSocket
- 成果:一个简陋但能用的直播平台
这回瞎折腾,虽然没做出啥高大上的东西,但是也学到不少东西。最重要的是,以后看球再也不用求人了,想怎么看就怎么看,嘿
还没有评论,来说两句吧...