放假回家之后,因为和女朋友不在同一个地方,又想着一起看电影,但市面上能够远程一起看电影的方法都无法满足现有的需求:
- 方案一:使用“微光”等app,虽然能够同步播放和实时聊天,但片源太少,想要上传还要认证,pass掉。
- 方案二:使用“腾讯会议”等软件,共享屏幕,这类方式对带宽有一定要求,网络延迟比较明显,体验不好,pass掉。
几番纠结,才想起来我就是学计算机的啊,有需求Coding就完了,于是折腾了一晚上,写出了[电影屋]这个小Demo。
目前已经实现的功能有:
- 远程同步播放视频
- 与腾讯云COS配合,播放任意视频(目前只支持mp4格式)
- 房间验证,使用房间ID和房间密码才能进入对应房间
- 多房间模式,使用唯一ID进行区分,房间之间互不干扰
仍待实现的功能:
-
调用腾讯云COS的api实现一键上传
-
增加实时聊天功能
-
增加弹幕功能
……
这里偷了个懒,省去了文件存储和文件解析的步骤,直接采用了在对象存储(COS)上存储视频文件,通过服务器将视频外链分发给进入房间的用户,这样每位用户都是直接访问对象存储上的文件,而不消耗服务器流量。服务器只负责创建房间、房间验证、信息分发和进度同步的功能。
技术栈:
- 前端:Html + Css + Js
- 后端:Java + Websocket
同步方式:
建立WebSocket通信之后,加入心跳机制防止断开。同步信息以房间创建者为准,每五分钟房间创建者的浏览器向服务器发送一次当前播放信息,服务器将接收到的播放信息广播给其它用户,其它用户接收到广播信息,对内容进行校验,校验通过后同步本地信息。当任意用户暂停/播放视频时,将事件发送到服务器进行广播,其它用户根据广播内容相应地做出动作。