sync-player使用websocket实现异地同步播放( 二 )


最简单的使用方法,下载Nginx开启一个本地服务器,下载本项目client文件夹放到到nginx根目录里,视频文件也放到里面 。注册goeasy开发者账号并创建一个应用,获得appkey,并填入到appkey到代码(script/main.js)相应位置 。然后浏览器打开 192.168.3.58/client/,填入你的视频地址192.168.3.58/movie/xxx.mp4或网络视频地址,对方也这样操作一番,即可实现同步播放视频 。
web版本的功能比较简单,而且受限于网络问题,快进之类的操作需要缓冲一段时间 。如果你不满足web版功能,对用户体验有更高的要求,如支持更多文件格式、播放高清本地视频文件、外挂字幕等,我也找到了另一种方式来满足你的需求 。
那就是DIY一个开源的播放器的源码:SPlayer(射手影音) 。
射手影音官网:https://splayer.org
源码地址:https://github.com/chiflix/splayerx
在以electron + 播放器为关键字一番搜索之后,我找到了这个基于electron实现的开源播放器,并下载了源码来研究 。
经过一番研究之后,我找到了控制视频播放、暂停、快进的代码位置,并将控制同步的代码移植了进去,从而也实现了同步功能,并且与web版兼容 。
具体方法请看:修改教程
本项目部分图标样式来源于此项目: coplay
本项目github地址:点击前往 ,欢迎???STAR???
关于GoEasy:GoEasy是一个成熟稳定的企业级websocket PAAS服务平台,开发人员不需要考虑websocket服务端的搭建,只需要几行代码,就可以轻松实现客户端与客户端之间,服务器与客户端之间的的websocket通信 。
GoEasy作为国内领先的第三方websocket消息推送平台,具备极佳的兼容性 。除了兼容所有常见的浏览器以外,同时也兼容uni-app,各种小程序,以及vue、react-native、cocos、laya、egret等常见的前端框架 。
同时GoEasy已经内置websocket中必备的心跳,断网重连,消息补发,历史消息和客户端上下线提醒等特性,开发人员也不需要自己搭建websocket服务处理集群高可用,安全和性能问题 。GoEasy已经稳定运行了5年,支持千万级并发,成功支撑过很多知名企业的重要活动,安全性和可靠性都是久经考验 。

【sync-player使用websocket实现异地同步播放】


推荐阅读